屏幕坐标和canvas坐标的转换
记录上一次线条的宽度使得线条平滑
根据速度决定线条的粗细
使用lineCap填补线条之间的间隙
getBoundingClientRect可以获得元素的包围盒的矩形,里面有left和top的距离
鼠标事件的clientX和clientY是相对于整个页面的坐标
preventDefault阻止默认行为,防止默认行为对期望行为的干扰
viewposrt 元信息
<meta name="viewport" content="width=divice, initial-scale = 1.0, user-scable = no"