过渡SVG文本不透明度

Question

是否有人在转换SVG文本元素的不透明度时遇到任何问题？我同时使用填充不透明度样式和笔触不透明度样式来使文本元素淡入淡出。它在大多数浏览器上都可以正常运行，但在Mac上的Chrome浏览器中根本无法转换-文本会一次弹出。

除了填充不透明度和笔触不透明度之外，我还尝试设置“不透明度”属性，这似乎确实使其起作用，尽管现在在过渡运行前后，我看到了怪异的闪烁效果。就像是先将其设置为opacity = 1，然后将其设置为0，然后过渡到1。

另一个有趣的事情是，其他形状（圆形，矩形）的淡入淡出效果与我在文本中使用的代码几乎完全相同。

这对于特定的浏览器来说似乎很奇怪，但是我想知道其他人对文本元素的不透明性。是否有技巧使其始终如一？

Answer 1

您使用的是哪个版本的Chrome？我注意到一个错误在工作时，在Chrome浏览器开发前段时间云词，但它似乎已被固定为19.0.1077.3开发的。修复程序可能尚未将其纳入您的特定版本中？

就我而言，使用可opacity暂时解决问题。闪烁效果可能是由于没有对非常小的数字解析符号表示法所致；您可以尝试使用1e-6而不是0解决此问题。