转换svg文本不透明度

有没有人在转换SVG文本元素的不透明度时遇到过任何问题？我使用填充不透明度样式和笔划不透明度样式来淡入和淡出文本元素。它在大多数浏览器上都能正常工作，但在Mac上的Chrome中根本不会转换——文本只是一次弹出和弹出

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

另一件有趣的事情是，其他形状（圆形、矩形）的淡入淡出和我在文本中使用的代码几乎相同

---

对于一个特定的浏览器来说，这似乎很奇怪，但我想知道其他人对文本元素不透明的体验。有什么技巧可以让它表现出一致性吗？

对于几个月前我制作的一个动画，我切换了风格并使用了

webkit transition

，与

可见性：隐藏

结合使用。这似乎很有效。如果这不起作用，您可以尝试转换为接近零的不透明度。

对于几个月前我制作的动画，我切换了样式，并使用了

webkit transition

，与

可见性：hidden

结合使用。这似乎很有效。如果这不起作用，你可以尝试转换到接近零的不透明度。

你使用的是什么版本的Chrome？不久前，我在开发的时候注意到Chrome开发中出现了一个问题，但它似乎在19.0.1077.3开发版本时已经修复。也许修复程序还没有进入您的特定版本

---

在我的例子中，使用

opacity

暂时解决了这个问题。闪烁效应可能是由于指数符号没有被解析为非常小的数字；您可以尝试使用

1e-6

而不是

0

来解决这个问题。

您使用的是什么版本的Chrome？不久前，我在开发的时候注意到Chrome开发中出现了一个问题，但它似乎在19.0.1077.3开发版本时已经修复。也许修复程序还没有进入您的特定版本

---

在我的例子中，使用

opacity

暂时解决了这个问题。闪烁效应可能是由于指数符号没有被解析为非常小的数字；您可以尝试使用

1e-6

而不是

0

来解决这个问题。

我仍然使用Chrome v18，所以我会在v19发布后再查看。对于“否”，不透明度起到了关键作用，您关于使用1e-6而不是0的提示消除了闪烁。令人惊叹的！可能是我运气不好，但对这个类似的问题有什么想法吗？我仍然使用ChromeV18，所以我会在v19发布后再查看。对于“否”，不透明度起到了关键作用，您关于使用1e-6而不是0的提示消除了闪烁。令人惊叹的！可能是我运气不好，但对这个类似的问题有什么想法吗？