AntV G6 的坑之——渲染残留/残影

AntV G6 是一个图可视化引擎,其4.x版本在使用局部渲染提升性能的同时,可能出现渲染残留问题,如节点拖动时文本留下的轨迹。由于@antv/g正在升级到5.x,此问题可能不会在4.x彻底解决。解决方案包括检查图形样式,避免非法值,使用整数样式值,设置浏览器字体,增加文本描边,或者关闭局部渲染以牺牲部分性能。
摘要由CSDN通过智能技术生成

AntV G6 是一款图可视化与分析开源引擎。《AntV G6 的坑之——XXX》系列文章持续更新中,总结常见问题及神坑解决方案。任何问题可在 GitHub Issue 中提问,求 GitHub Star ⭐️https://github.com/antvis/g6

原文链接:https://g6.antv.antgroup.com/manual/faq/faq#%E6%B8%B2%E6%9F%93%E6%AE%8B%E5%BD%B1%E9%97%AE%E9%A2%98

在这里插入图片描述
在这里插入图片描述

G6 4.x 依赖的渲染引擎 @antv/g@4.x 版本支持了局部渲染,带了性能提升的同时,也带来了图形更新时可能存在渲染残影的问题。比如拖拽节点时,节点的文本会留下轨迹。由于目前 @antv/g 正在进行大版本的升级(到 5.x),可能不考虑在 4.x 彻底修复这个问题。当我们遇到这个问题的时候,考虑通过下面几种方法解决:

  1. 检查节点中的图形,包括文本图形,样式配置中是否存在非法值,例如 nullNaN 等;

  2. 尽量使用整数作为数值型的样式值,例如 r

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值