![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
Tansy_big_rabbit
前端工程师一滴
展开
-
canvas(2) -- h5实现在线签名
最终实现效果如图,在画布区域可以随意绘画,实现清空画布、保存图片路径、图片转二进制文件 实现手绘的思路: mouseStart、mouseMove、moveEnd三个事件监听 mouseMove的事件中产生的各个点连成线 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <tit...原创 2020-03-04 15:58:43 · 1667 阅读 · 0 评论 -
canvas(1) -- canvas的基本属性和常见面试题
<canvas> 标签只是图形容器,必须使用脚本来绘制图形。 1. 创建一个画布 <canvas id="canvas01" width="300" height="400"></canvas> //这里width和height的单位都是px 2. 开始绘制图像 let canvas = document.getElementById("canvas...原创 2020-03-04 14:56:33 · 4865 阅读 · 0 评论