SVG transform =“ rotate（180）”在Safari 11中不起作用

一尘不染

css

由于某些原因

<svg width="1000" height="500" transform="rotate(180)">...</svg>

在Safari 11中显示为未旋转。

Chrome 63可以正确呈现它。

有什么问题？

谢谢！

阅读 776

2020-05-16

共1个答案

一尘不染

在SVG
1.1中，<svg>元素不支持转换属性。在SVG2中，建议它们应该。

Chrome和Firefox实现了SVG 2规范的这一部分，而Safari尚未实现，而IE11则从未实现。

在不支持SVG2功能的浏览器中，可以通过用<svg>元素替换<g>元素或在<g>元素上创建子元素<svg>并将转换放在<g>元素上来实现相同的结果。

2020-05-16