我是一个HTML5和JavaScript的新手,我知道有很多库可以做到这一点,但我想知道是否有一种方法只使用纯JavaScript来完成。
我有一个画布,当用户在画布上点击某个地方时,将出现一个小红点。我希望使每个小点可拖动,对此有什么想法吗?谢谢。
这是我拥有的代码:
在HTML中:
我有一个画布,当用户在画布上点击某个地方时,将出现一个小红点。我希望使每个小点可拖动,对此有什么想法吗?谢谢。
这是我拥有的代码:
在HTML中:
<div id="primal_plane" style="position:absolute; top:100px; left:10px;">
<canvas id="canvas_prime" onclick="drawDot('canvas_prime')" width="700" height="500"></canvas>
</div>
在JS文件中:
function drawDot(plane) {
var canvas = document.getElementById(plane);
var context = canvas.getContext("2d");
context.beginPath();
context.arc(mouseX * 50, mouseY * 50, 4, 0, 2 * Math.PI, false);
context.fillStyle = 'green';
context.fill();
context.lineWidth = 1;
context.strokeStyle = 'yellow';
context.stroke();
}