0

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

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

另一个有趣的事情是，其他形状（圆形、矩形）可以很好地淡入和淡出，其代码与我在文本中使用的代码几乎相同。

对于特定的浏览器，这似乎确实很奇怪，但我想知道其他人对文本元素不透明的体验。是否有技巧让它表现一致？

4

2 回答 2

6

您使用的是哪个版本的 Chrome？前段时间在处理word cloud时，我注意到 Chrome dev 中的一个错误，但它似乎已在 19.0.1077.3 dev 中修复。也许修复尚未进入您的特定版本？

就我而言，使用opacity暂时解决了问题。闪烁效应可能是由于指数符号没有被解析为非常小的数字；您可以尝试使用1e-6而不是0解决此问题。

于 2012-04-13T14:46:23.477 回答
0

对于几个月前我制作的动画，我切换了样式并使用webkit-transition了visibility: hidden. 这似乎运作良好。如果这不起作用，您可以尝试过渡到接近零的不透明度。

于 2012-04-13T08:36:55.607 回答