由于Chrome硬件的加速,D3 Area Svg渲染问题

时间:2020-01-06 04:57:14

标签: javascript google-chrome d3.js svg recharts

我正在使用基于d3形状的recharts.js。

使用带动画的区域填充时。有人工制品,随着窗口大小的调整而变得疯狂。

我发现了另一个问题Chrome svg rendering issues - d3 - polylines,该问题将Chrome硬件加速称为原因。

在chrome 78之前,我没有注意到这个问题,但是并不是一个普遍的问题。

在我的场景中,我要填充用特定颜色动态生成的区域。

禁用Chrome硬件加速功能确实会删除在窗口调整大小时绘制的工件。但是,按照我的建议,将透明填充作为答案对我不起作用,因为“区域”是用动画创建的,并期望用特定颜色填充。

还有其他解决方法吗?

0 个答案:

没有答案
相关问题