topo拓扑图

标题

拓扑个人实例网站(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);