html5制作手写板,canvas这样学还能不会?

html5制作手写板,canvas这样学还能不会?

技术要点

首先用canvas绘制一个米字格,然后获取到鼠标按下去后的那个点在canvas里面的X和Y坐标的值,以及鼠标移动后的那个点在canvas里面的X和Y坐标的值,然后调用stroke方法直接绘制即可。代码里面的lineCap="round"和lineJoin="round"可以让线看起来更圆润,否则会出现断层。

代码

html5制作手写板,canvas这样学还能不会?

为了帮助小伙伴们更好的学习Python,技术学派整理了Python的相关学习视频及学习路线图。

领取方式

关注“技术学派”后,评论转发文章,私信回复:Python学习