前端使用canvas实现画笔的闭合区域功能

Question

在canvas上实现画笔的功能，现在可以获取到所有的点，比如说画一个圆，如何让它形成闭合的区域，可以在这个闭合的区域内部填充颜色

Answer 1

如果你是要在画笔移动的过程中实时改变这个区域，那你应该有一个数组去管理这些点，依托这个数组，在点数大于1的时候，当移动鼠标时，把当前鼠标位置添加到数组(从点数组复制一份)末尾，然后把复制数组第一个点到数组末尾

如果你只是连线，最后结束时闭合，那直接在结束时，从结束点绘制到起点就行了

van.beginPath();
van.lineTo(10,10);
van.lineTo(100,10);
van.lineTo(55,100);
van.lineTo(10,10);// 回到起始点图形闭合
van.lineWidth = 2;
van.strokeStyle = 'red';
van.stroke();
van.closePath();