Déplacer mon image et écrire sur mon canvas

**solaar** · 13/03/2015, 11h19

Bonjour !

sur mon même canvas je voudrai déplacer mon image et écrire, le tout avec ma souri...
mais je me trouve confronté à des problèmes.
lorsque je déplace mon image l’écriture s'efface automatique.

je vous présente mon code qui permet de déplacer mon image:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
if(res=='move' && isActiving && crayon==false){
	canMouseX=parseInt(e.clientX-offsetX);
	canMouseY=parseInt(e.clientY-offsetY);
 
 
	if(isDragging){
	ctx.clearRect(0,0,canvasWidth,canvasHeight);
	ctx.drawImage(img,canMouseX-50/2,canMouseY-50/2,50,50);
	}
}

mon souci vient du code : ctx.clearRect(0,0,canvasWidth,canvasHeight);, ce qui me permet d’effacer automatiquement la position de l'image précédente.
ayant peu de connaissance en JavaScript, je ne sais pas comment résoudre mon problème.
j'ai besoin d'aide merci.

Cordialement
solaar

**-Rpass-** · 13/03/2015, 12h21

Salut,

d'où provient canvasWidtht et canvasHeight ?

**solaar** · 13/03/2015, 14h07

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
canvas = document.getElementById('deseign_paper');	
	if (canvas.getContext){
        ctx = canvas.getContext("2d");
 
		canvasWidth = canvas.width;
    	canvasHeight = canvas.height;

il a été declarer ici dans le loaded du body.

**-Rpass-** · 13/03/2015, 14h33

du coup cela vide l'intégralité de ton canvas : image et texte vu que tu indiques la taille du canvas ... il faudrait indiquer la taille de l'image précisément ainsi que sa position