是否可以将变换应用于 svg 元素？答案

【问题标题】：Is it possible to apply transform to svg element?是否可以将变换应用于 svg 元素？
【发布时间】：2019-01-22 08:47:46
【问题描述】：

我正在学习如何使用 SVG.js，但在将变换（如倾斜、旋转等）应用到 svg（或 g）标签时遇到了麻烦。

可以在此处找到简化示例 https://jsfiddle.net/kuh2agfy/3/

svg.animate(1000,'', 0).skew(10,10);

【问题讨论】：

标签： svg.js

【解决方案1】：

您的示例似乎运行良好。

除此之外，不能使用 transform 属性来转换 root-svg。

IS 可以使用 css 转换来解决这个问题。

【讨论】：

我的例子在我看来不起作用，因为包含该字母的 svg 并没有像我预期的那样倾斜。它不是 root-svg 还是任何嵌套的 svg 都被视为 root-svg ？
但是……确实如此？好吧 - 至少在 Firefox 中是这样。 Chrome 似乎什么也没做。嵌套的 svg 应该可以工作。我想，当它工作时，然后在 chrome 中。但看起来 Chrome 无法做到这一点。使用组可能会更好
@Coolseb 我认为答案在这里：stackoverflow.com/a/37726073/2129897
好的，感谢 Fuzzyma 的帮助。我正在使用 safari 或 chrome，因为我在这里看到了许多 FF 不支持的东西的警报
其实这就是我使用 Firefox 的原因。所以我可以看到我的代码中断：D