小编Nar*_*ndo的帖子

没有JS库的画布上的HTML5拖放路径

我想在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)

谢谢.

javascript html5 canvas html5-canvas

3
推荐指数
1
解决办法
3052
查看次数

标签 统计

canvas ×1

html5 ×1

html5-canvas ×1

javascript ×1