2011-03-31 5 views
0

J'ai essayé de dessiner sur l'image en utilisant la toile. Oui, bien sûr que j'ai fait. Mais j'ai besoin de fusionner le dessin de toile avec l'image instantanément. I.e Mon concept est, j'ai une image (#a) et j'aime marquer certains endroits sur l'image (cercle, rectangle, etc ...), donc je viens de choisir la technique de la toile. (Si une autre technique est disponible, veuillez me le suggérer.)Dessinez sur l'image (jpg ou png) en utilisant la toile et enregistrez le dessin avec l'image

Donc, après le dessin de la toile, je veux fusionner l'image de la toile avec mon image réelle (#a). Ensuite, je vais obtenir l'image marquée.

Ce que j'ai fait avant.

J'ai été défini comme fond de l'image réelle (#a) de la balise canvas. (i.e tag de toile avec une image de fond). J'ai fait le dessin. Ensuite, j'ai converti l'image de toile en dataURI, puis je vais fusionner l'image réelle (#a) avec le dessin de toile en utilisant la commande Linux (imageMagic).

Pouvez-vous me dire d'une autre façon, dessiner directement sur l'image et enregistrer le dessin avec image instantanément.?

Merci d'avance.

Répondre

5

Ne pas définir l'arrière-plan du canevas. Au lieu de cela, vous souhaitez utiliser la fonction drawImage() du contexte de canevas pour peindre littéralement l'image sur le canevas. Ensuite, faites toutes vos opérations de dessin.

Ensuite, vous pouvez enregistrer l'image correctement. Je suggère également de regarder dans Canvas2Image pour cela.

http://www.nihilogic.dk/labs/canvas2image/

Questions connexes