[HTML 5] dessiner avec des canvas

[rocel]

Hello,

je cherche a créer une application web, genre MS Paint ultra simplifiée.
J'utilise Pyjamas (librairie Python) mais ce n'est qu'un wrapper pour les fonctions javascript et HTML5, donc je pose ma question ici.
J'aimerai pouvoir, par exemple, tracer une ligne simple. Donc l'utilisateur clique, bouge le curseur de la souris, la ligne suit donc celui ci et quand il le relâche, la ligne est crée.
J'arrive a créer une ligne qui suit le curseur et quand il relâche, elle se fixe. Cependant je n'arrive pas à n'avoir qu'une ligne. Je m'explique : quand l'utilisateur bouge le curseur, cela crée systématiquement une autre ligne; entre le point de départ (premier clic) et le point ou est le curseur.

j’espère m’être bien expliqué

voici un exemple:



Comment faire pour pouvoir, pendant le tracé, effacer le trait précédent? j'ai essayé de faire un save() du context et restore() quand je dessine la nouvelle ligne, mais cela n'a pas l'air de fonctionner, est ce que j'ai compris l'utilité de save() et restore()?

merci


RoCEL

[Bovino]

Envoyé par rocel

est ce que j'ai compris l'utilité de save() et restore()?

Apparemment non

save() et restore() permettent de sauvegarder un état : position dans le canvas, couleur de remplissage etc. mais ça ne sauvegarde pas ce qui est affiché.
Dans ton cas, ce qu'il faut, c'est effacer le canvas à chaque mouvement, puis retracer le trait.