【问题标题】:svg text wont transform in webkit browserssvg 文本不会在 webkit 浏览器中转换
【发布时间】:2014-01-04 16:07:29
【问题描述】:

我正在处理一个SVG 文件和一些CSS3 转换,但我遇到了WebKit 的问题。

我不明白为什么,但它适用于 Firefox,但不适用于基于 WebKit 的浏览器。

-webkit-transform: rotate( 90deg );

在 Firefox 中悬停时,文本会旋转,但在 chrome 中则不会。

这是我的示例代码:(http://jsfiddle.net/DcjYG/);

【问题讨论】:

  • 鉴于这是 SVG 文本,如果您使用 SVG 转换属性而不是 CSS 样式,您可能会更幸运。
  • 你绝对正确,但我必须围绕 Y 轴 (roteteY) 旋转一个元素。据我所知,使用 svg 转换无法做到这一点:(
  • 你的意思是你想让它从右到左显示?即像 txet etator 但字母也向后?
  • 不,我只想将文本旋转为 Y 轴上的标志,如下所示:4.bp.blogspot.com/-OBjCZEXd7yQ/UqMhqD_XZiI/AAAAAAAAAa4/…

标签: svg webkit transform


【解决方案1】:

这不是你想要的吗?

<animateTransform type="scale" attributeName="transform" values="1,1;0,1;1, 1" begin="mouseover" dur="800ms">

【讨论】:

  • 我已对其进行了更新,因此它可以再次进出。这更近了?如果不是你还在寻找什么。 “它不起作用”不是很清楚。
  • 我已经尝试了代码,它确实有效:jsfiddle.net/DcjYG/2 有没有办法像我使用 css 一样使用透视和透视原点?
  • 这就是我使用 css3 的原因,无论如何我用一些 g 得到了这个工作:jsfiddle.net/DcjYG/3 问题是透视图只适用于 FF :(
猜你喜欢
  • 2013-09-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-02
  • 1970-01-01
相关资源
最近更新 更多