Canvas踩坑(1)实时透明线

Canvas画线算是最基础的操作，涉及的方法也比较简单

_cv = _canvas.getContext('2d');
_cv.lineWidth = 20
_cv.strokeStyle = 'red'
_cv.beginPath()
_cv.moveTo(point.x, point.y)
_cv.lineTo(new.x, new.y)
_cv.stroke()
复制代码

点很多的话，加个 for 循环也轻松搞定，如果画的是透明线，只需用 RGBA 格式即可，比如上图颜色为

_cv.strokeStyle = 'rgba(253, 150, 38, 0.41)'
复制代码

这个方法在已知画笔路径点的时候，是可以画出透明线，透明叠加起来效果也很好 但是如果是实时作图的，因为 lineTo() 只是画路径，并不会描线，所以需要不断调用 stroke() 来画出可见线条

但这么做的话，如果是透明的线，就会出现问题