Seallon1989的博客

原创 canvas实战系列一（Konva实现基本流程图）

一开始是想通过原始canvas，封装画圆圈，画矩形，画箭头等方法，然后建立坐标系去实现，后来经过实践，发现图形绘制是可以做到，但是事件处理比较棘手，最后还是放弃使用原生canvas，选择使用canvas库来实现，经过评估选择，最后选择Konva.js库。由于一个项目上需要实现在系统中展现整体流程图，并可以根据不同颜色显示不同节点的完成状态，且节点可以点击进去查看节点详情。②、封装节点和节点名称方法（可以定义不同颜色参数，文本，以及文本换行行数，文字上下）：使用Konva.js创建和管理图形对象。