我想在HTML5画布上拖放路径.
如果我们点击形状,我没有发现任何像SVG提供事件的事情.
任何人都知道如何处理路径项上的事件?我想这样做没有任何java脚本库.
以下是我当前绘制路径的代码:
var canvas = document.getElementById("html5Canvas");
var context = canvas.getContext("2d");
var drawing = false;
canvas.addEventListener("mousedown", startDraw, false);
canvas.addEventListener("mousemove", continueDraw, false);
canvas.addEventListener("mouseup", endDraw, false
function startDraw(event)
{
drawing = true;
context.moveTo(event.clientX, event.clientY);
}
function continueDraw(event)
{
if (drawing)
{
context.lineTo(event.clientX, event.clientY);
context.stroke();
}
}
function endDraw(event)
{
if (drawing)
{
context.lineTo(event.clientX, event.clientY);
context.stroke();
drawing = false;
}
}
Run Code Online (Sandbox Code Playgroud)
谢谢.