2-画布

作者: skoll | 来源:发表于2022-05-30 14:58 被阅读0次

画布相关学习

1 .Graphy是图的载体.包含了图上的所有元素,节点和边.同时挂载了图的相关操作.比如拖拽,点击的监听
2 .网格是渲染/移动节点的最小单位.也就是说并不是以1px来决定的,而是最小格点的间距来操作的.所以说这里为了性能优化,可以是间隔大一点
3 .渲染节点时表示以 10 为最小单位对齐到网格,如位置为 { x: 24, y: 38 }的节点渲染到画布后的实际位置为 { x: 20, y: 40 }, 移动节点时表示每次移动最小距离为 10px
4 .感觉这样的配置比点的好看

grid:{
                visible:true,
                size:20,
                type:"mesh"
            },

画布操作

1 .平移
2 .缩放
3 .居中

1 .画布居中:graph.centerContent()
2 .节点居中:graph.centerCell(cell)

导出各种格式

1 .好像直接导出还是不行的,需要

相关文章

网友评论

      本文标题:2-画布

      本文链接:https://www.haomeiwen.com/subject/bqaialtx.html