antvis/G6

卡顿,60个节点。有动画有锚点 #4818

539917729 posted onGitHub

问题描述

节点上加了7个image、rect、circle 还有动画

重现链接

重现步骤

预期行为

我从哪些方面去做性能优化

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • G6 版本: [4.6.4 ]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response


希望能提供一些优化思路

posted by 539917729 over 1 year ago
posted by Yanyan-Wang over 1 year ago

按照文档做的优化:

  1. 删除自定义节点上的图片
  2. 节点上默认看不见的图形,设置 visible: false。图形不会被渲染
  3. 添加enableOptimize属性
  4. 节点图片由svg更换为png性能提升明显
posted by 539917729 over 1 year ago

虽然官方提供一些优化的手段,一定程度解决了部分问题,但是这样用户体验及其不好,还需要从框架的源头进行优化。 比如渲染缓存、离屏渲染、拖动时局部渲染。参考jointjs,完全使用svg都不会有很大的性能问题;gojs使用的canvas更没有发现性能问题。

posted by keminu 10 months ago

Fund this Issue

$0.00
Funded

Pull requests