È possibile impostare l'immagine di sfondo in tela HTML5 e può fare alcune funzionalità di disegno come Annulla, Cancella, Cancella, Salva l'immagine di sfondo?

Voglio sapere su tela HTML5. Nel mio elemento canvas di base voglio impostare l'immagine di sfondo, e su quello voglio eseguire alcune funzionalità come in pittura Cancella, Annulla, Cancella e salva quell'effetto immagine (dopo aver applicato tutti gli effetti annulla, cancella) .. Qualsiasi suggerimento o esempio ..È possibile impostare l'immagine di sfondo in tela HTML5 e può fare alcune funzionalità di disegno come Annulla, Cancella, Cancella, Salva l'immagine di sfondo?

fonte

2011-12-03 Nikunj Kabariya

Duplicato di [Salva/ripristina l'area di sfondo di Canvas HTML5] (http://stackoverflow.com/questions/4858187/save-restore-background-area-of-html5-canvas) e/o [Clear Canvas Rect ma Keep Backgrond] (http://stackoverflow.com/questions/5596434/clear-canvas-rect-but-keep-background). – Phrogz

La pratica più semplice e migliore sarebbe quella di mettere quello sfondo come un div dietro la tela.

fonte

2011-12-03 11:11:09

Ma come puoi dirmi in modo pratico ...? –

È possibile disegnare lo sfondo sull'area di disegno, utilizzando drawImage(). Tutte le ulteriori manipolazioni sono dipinte sopra l'immagine.

Quando hai finito il tuo lavoro puoi esportare il tuo Canvasstate in un'immagine.

Ma è necessario tenere una cronologia per tutte le attività, poiché la tela verrà modificata direttamente.

Il metodo di salvataggio e ripristino può essere utile.

È importante, prima di tutto, disegnare l'immagine sulla tela, in modo che tutti gli altri effetti influenzino l'immagine.

fonte

2011-12-03 11:13:45

Dopo aver annullato, svuota, disegna (con matita n colore), quando salvi quell'immagine, non ottengo quell'effetto, ho uno sfondo bianco predefinito e alcuni disegnati su quella tela da me. Ma in realtà suppongo che io imposta in canvas 'backgroundImage': 'url (./ tmp/Koala.jpg)' .. voglio questo come immagine salvata con tutti gli effetti che ho fatto (annulla, disegna, cancella) .. –

Il history API può essere utilizzato per annullare e ripristinare.

Il metodo toDataURL dell'oggetto Canvas può essere utilizzato per salvare un'immagine.

fonte

2011-12-03 13:59:19 AshleysBrain

È possibile impostare l'immagine di sfondo in tela HTML5 e può fare alcune funzionalità di disegno come Annulla, Cancella, Cancella, Salva l'immagine di sfondo?

risposta

Problemi correlati