拓扑个人实例网站(http://jstopo.top 可以查看所有的canvas项目)
- canvas布局:Vue+JavaScript+element UI,dom节点只有canvas一个,所有事件都在canvas标签上,mouseMove(鼠标移动),mouseDown(鼠标按下),判断鼠标坐标(offsetX,offsetY);
- canvas连线和判断是否在线条上,moveTo,lineTo,先计算两点的角度atan2(y2-y1,x2-x1,c)(算出线上每个点坐标x,y); 判断rect,arc可以用isPointInPath(x,y)
- canvas电流动画,需要requestAnimationFrame(pointMove);