连线会加粗高亮并弹出任务信息。我们还附上了大数据开发平台的对应任务链接,点击链接即可跳转到新页面查看任务逻辑详情。![picture.image](https://p6-volc-community-sign.byteimg.com/tos-cn-i-tlddhu82om/86... 这样做的好处是高亮的连线永远在默认状态的上方,不用特殊处理图形的层叠关系。实现细节 **用这种混合模式的一个挑战就是 Canvas 和 DOM 的刷新率和同步率。** 在血缘图谱中滚动横向滚动条和每一...
连线会加粗高亮并弹出任务信息。我们还附上了大数据开发平台的对应任务链接,点击链接即可跳转到新页面查看任务逻辑详情。![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3d8c4267332d44e1a19f... **渲染画布**:根据前景的列和节点位置调整画布,绘制连线。在渲染连线时分两个图层:默认状态连线在底层;高亮链路和高亮连线状态下的连线在上层。这样做的好处是高亮的连线永远在默认状态的上方,不用特殊处理图形...
连线会加粗高亮并弹出任务信息。我们还附上了大数据开发平台的对应任务链接,点击链接即可跳转到新页面查看任务逻辑详情。![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3d8c4267332d44e1a19f... **渲染画布**:根据前景的列和节点位置调整画布,绘制连线。在渲染连线时分两个图层:默认状态连线在底层;高亮链路和高亮连线状态下的连线在上层。这样做的好处是高亮的连线永远在默认状态的上方,不用特殊处理图形...