J'utilise le code suivant. Cela fonctionne bien mais le problème est que quand je change la couleur de mon crayon, alors les choses que j'ai déjà dessinées sur la toile changent aussi. Je n'arrive pas à comprendre pourquoi cela se passe et comment y remédier, Any Idea?Toile HTML5 - Coloriage Problème
<script type="text/javascript">
function cnvs_getCoordinates(e) {
x = e.clientX + document.body.scrollLeft;
y = e.clientY + document.body.scrollTop;
var c = document.getElementById("coordiv");
var context = c.getContext("2d");
context.lineWidth = 5;
context.strokeStyle = document.getElementById("dcol").value;
if (started == 1) {
context.lineTo(x, y);
context.stroke();
}
else {
context.moveTo(x, y);
}
}
function a() {
started = 1;
context.beginpath();
}
function b() {
started = 0;
context.closePath();
}
</script>
La partie HTML est
<body>
<div style="border: thin solid black">hi
<canvas id="coordiv" onmousemove="cnvs_getCoordinates(event)" onmousedown="a()" onmouseup="b()" > </canvas>
<select id="dcol" name="Colour">
<option value="black" selected="selected">Black</option>
<option value="red">Red</option>
<option value="green"> Green</option>
<option value="blue">Blue</option>
<option value="white">** ERASER **</option>
</select>
</div>
</body>
Pourriez-vous s'il vous plaît poster plus de votre code HTML et/ou JavaScript? Il manque certaines choses, donc votre code d'exemple ne fonctionne pas actuellement. –
Ok Monsieur, j'ai mis à jour le code maintenant – Yahoo