使用canvas制作画板

最新推荐文章于 2022-11-08 16:59:31 发布

狼来了你会怕吗

最新推荐文章于 2022-11-08 16:59:31 发布

阅读量323

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/qaz980930841/article/details/62429501

版权

html5 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

//获取canvas标签
var canvas = document.getElementById("canvas");
//获得绘图的对象
var ctx = canvas.getContext("2d");
canvas.onmousedown = function(ev) {
    var ev = ev || window.event;
    ctx.moveTo(ev.clientX - canvas.offsetLeft, ev.clientY - canvas.offsetTop);
    document.onmousemove = function(ev) {
        var ev = ev || window.event;
        ctx.lineTo(ev.clientX - canvas.offsetLeft, ev.clientY - canvas.offsetTop);
        ctx.stroke();
    }
    document.onmouseup = function() {
        document.onmousemove = null;
        document.onmouseup = null;
    }
}