Cos'è ElectroYou | Login Iscriviti

ElectroYou - la comunità dei professionisti del mondo elettrico

creazione area di disegno con jquery

Linguaggi e sistemi

Moderatori: Foto UtentePaolino, Foto Utentefairyvilje

0
voti

[11] Re: creazione area di disegno con jquery

Messaggioda Foto UtenteDaniele78 » 20 ott 2010, 10:54

angus ha scritto:A questo punto credo di non aver capito quello che ti serve. #-o
...vuoi disegnare delle linee o "a mano libera" ?
inoltre, del risultato cosa ne devi fare? solo visualizzarlo o salvarlo da qualche parte? se si, in un formato "bitmap" o vettoriale?


Disegno a mano libera (come su paint usando la matita).
Serve a fare degli schizzi di impianti o altro.

Deve essere possibile salvare l' immagine.

Pensavo di usare le gd di php sia per unire i vari punti ottenuti al passaggio del mouse sia per il salvataggio su file.

Non ha importanza il formato immagine.

Per quanto riguarda il blocco jquery il problema c'è solo se utilizzo il div.
Se la pagina è vuota non si hanno problemi, quindi al limite potrei aprire una finestra di popup per l' area disegno o utilizzare un iframe.

A questo punto uno dei problemi sarebbe risolto.
Avatar utente
Foto UtenteDaniele78
290 2 9
Expert
Expert
 
Messaggi: 288
Iscritto il: 9 set 2008, 23:07

0
voti

[12] Re: creazione area di disegno con jquery

Messaggioda Foto Utenteangus » 20 ott 2010, 19:09

ok, ora ho capito.
Io avrei usato <canvas> (si, lo so che non c'è in IE :mrgreen: ).
Più semplice disegnare e hai già diversi metodi per le primitive classiche come linee, cerchi, rettangoli.
inoltre salvare il risultato in bitmap diventa quasi banale.

Tenere traccia delle coordinate man mano che clicchi è una bella idea (e si fa abbastanza agevolmente), ma se non ne hai strettamente bisogno (leggi: devi modificare o elaborare gli schemi) IMHO ti complichi la vita per niente.

Se invece vuoi una mano sul codice che stai usando, ti chiedo se lo puoi postare insieme ai problemi irrisolti.
ti do una mano volentieri... se si può evitare una bruttura come un pop-up o un iframe :wink:
in /dev/null no one can hear you scream
Avatar utente
Foto Utenteangus
8.475 4 6 9
G.Master EY
G.Master EY
 
Messaggi: 4168
Iscritto il: 20 giu 2008, 17:25

0
voti

[13] Re: creazione area di disegno con jquery

Messaggioda Foto UtenteDaniele78 » 21 ott 2010, 15:44

Si effettivamente non piaceva neppure a me l' idea. Ho risolto proprio adesso aggiungendo un return false alla fine del blocco mousedown.
Ho aggiunto anche il blocco:

$(document).bind("contextmenu",function(e){

return false;

});

In modo da non far apparire il menù a tendina cliccando col pulsante destro.

Per quanto riguarda la parte php la sto realizzando adesso.

La posterò appena è pronta.

Grazie per l' aiuto.
Avatar utente
Foto UtenteDaniele78
290 2 9
Expert
Expert
 
Messaggi: 288
Iscritto il: 9 set 2008, 23:07

2
voti

[14] Re: creazione area di disegno con jquery

Messaggioda Foto UtenteDaniele78 » 26 ott 2010, 9:24

Questo è il massimo che sono riuscito ad ottenere. Lato php unisco i punti e salvo l' immagine.
infine aggiorno lo sfondo div con l' immagine salvata.

Unendo i punti ottenuti con js lo script diventava molto lento e il numero di punti ottenuti al passaggio del mouse si riduceva notevolmente.

Un' altra soluzione provata è stata quella di inviare periodicamente i punti ottenuti a php, quindi aggiornare e salvare periodicamente l' immagine.

La soluzione l' ho poi scartata in quanto si aveva la scrittura continua sull' hard disk.
Allegati
disegno_su_div.zip
(48.77 KiB) Scaricato 141 volte
Avatar utente
Foto UtenteDaniele78
290 2 9
Expert
Expert
 
Messaggi: 288
Iscritto il: 9 set 2008, 23:07

Precedente

Torna a PC e informatica

Chi c’è in linea

Visitano il forum: Nessuno e 6 ospiti