0
私は以下のコードを使用しています。それはうまく動作しますが、私の鉛筆の色を変更すると、キャンバスに既に描かれているものも変わります。なぜそれが起こっているのか、どうやって修正するのか、それは何のアイデアですか？HTML5キャンバス - 色付きの問題
<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>
HTML部分は
<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>
あなたのHTMLやJavaScriptをもっと投稿してください。あなたのサンプルコードが現在動作しないようにいくつか欠けているものがあります。 –
Ok Sir、私はコードを今更新しました – Yahoo