Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - Come fare una freccia in una pagina web?
Forum - HTML / CSS - Come fare una freccia in una pagina web?

Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 16:23
Giovedì, 25/02/2010
Salve,
devo disegnare delle frecce sulla mia pagina web. Insomma mi servirebbe una funzione del tipo:
Codice sorgente - presumibilmente Plain Text

  1. freccia(x,y,xf,yf); //x,y: coordinate iniziale - xf,yf: coordinate finali


Perchè devo creare un grafo in modo che ognuno possa aggiungere un nuovo nodo, e collegarlo dove li pare. Tutto il resto lo so fare, ma non so come disegnare una dannata freccia...


Grazie.

P.s. Mi va bene qualsiasi linguaggio dal php all'html al javascript.

PM Quote
Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 17:03
Giovedì, 25/02/2010
girando per la rete ho capito che forse la soluzione migliore sarebbe di creare un'applet java... Peccato con lo conosco. Va bhe vedo cosa riesco a fare. Però se qualcuno conosce un altro metodo sarei felice di saperlo XD.
Grazie

PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 20:07
Giovedì, 25/02/2010
Usa PHP GD: http://php.net/manual/en/book.image.php

Poi dal tuo html: <img src='freccia.php?x=3&y=4&xf=5&yf=6'/>


Il mio blog: https://piero.dev
PM Quote
Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 20:17
Giovedì, 25/02/2010
scusa l'ignoranza ma proprio non riesco a farcela... non capisco come si installa!
http://www.php.net/manual/en/image.installation.php
p.s. sto usando altervista

Ultima modifica effettuata da XBarboX il 25/02/2010 alle 20:19
PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 20:38
Giovedì, 25/02/2010
Non devi installarlo... e' una libreria che di solito e' inclusa nell'installazione standard di PHP... la lista delle funzioni incluse e nel menu a sinistra: http://www.php.net/manual/en/function.gd-info.php


Il mio blog: https://piero.dev
PM Quote
Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 20:48
Giovedì, 25/02/2010
in freccia.php ho scirtto questo:
Codice sorgente - presumibilmente Plain Text

  1. <?php
  2. $x1 = $_GET['x'];
  3. $y1 = $_GET['y'];
  4. $x2 = $_GET['xf'];
  5. $y2 = $_GET['yf'];
  6. $img = imagecreatetruecolor(450, 450);
  7. $black = imagecolorallocate($img, 0, 0, 0);
  8. imageline($img, $x1, $y1, $x2, $y2, $black);
  9. ?>



Ma non va..
perchè non mettono mai un'esempio "normale"...

PM Quote
Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 21:15
Giovedì, 25/02/2010
Codice sorgente - presumibilmente Plain Text

  1. <?
  2. // istanzio una nuova immagine di dimensioni x=200 e y=300
  3. $immagine = imageCreate(200, 300);
  4. // assegno il primo colore, questo colore sarà anche lo sfondo dell'immagine
  5. $bianco = imageColorAllocate($immagine, 255, 255, 255);
  6. $black = imagecolorallocate($img, 0, 0, 0);
  7. // assegno un secondo colore, da utilizzare per colorare il testo
  8. imageline ($immagine , 1 , 1 , 100 , 100 , $black );
  9.  
  10. // imposto correttamente gli header
  11. header("Content-type: image/png");
  12. // invio l'output come immagine PNG
  13. imagePng($immagine);
  14.  
  15. // libero la memoria
  16. imageDestroy($immagine);
  17. ?>



questa piccola prova "sembra" andare, ma perchè non si vede la linea? e poi io vorrei che il colore di background fosse trasparente, si può?

PM Quote
Avatar
pierotofy (Admin)
Guru^2


Messaggi: 6230
Iscritto: 04/12/2003

Segnala al moderatore
Postato alle 22:50
Giovedì, 25/02/2010
Si si può. Cerca qualche esempio, ne troverai a centinaia.


Il mio blog: https://piero.dev
PM Quote
Avatar
XBarboX (Member)
Guru


Messaggi: 945
Iscritto: 31/12/2008

Segnala al moderatore
Postato alle 7:42
Venerdì, 26/02/2010
Codice sorgente - presumibilmente Plain Text

  1. <?
  2. $im = imagecreatetruecolor(800, 600);
  3. $red = imagecolorallocate($im, 255, 0, 0);
  4. $black = imagecolorallocate($im, 0, 0, 0);
  5.  
  6. // Make the background transparent
  7. imagecolortransparent($im, $black);
  8.  
  9. imageline ($im , 100 , 100 , 700 , 300 , $red );
  10.  
  11. // imposto correttamente gli header
  12. header("Content-type: image/png");
  13. // invio l'output come immagine PNG
  14. imagePng($im);
  15.  
  16. // libero la memoria
  17. imageDestroy($im);
  18. ?>



Funziona a meraviglia :D

PM Quote