下面的JSFiddle是SVG绘图,其中两个棕色矩形<rect>
彼此隔开,并且两个组<g>
都有一个类class="group"
,这些类具有应用变换(旋转和平移)的类。
参考Caniuse.com,它为主要浏览器提供了大部分支持,它表明IE9 +支持SVG转换属性,并且在“知道问题”中说:
IE 10及以下版本不支持SVG元素上的CSS转换(尽管SVG转换属性确实起作用)。
问题
尽管我的唯一消息来源是该网站,但我是否知道为什么现在(2015年12月)IE Edge不支持转换属性?
问题2
是否有其他替代方法可以应用IE(Edge),Chrome和Firefox支持的CSS转换?
笔记
JSFiddle在Chrome和Firefox上测试成功。只有IE在这两个版本(5、7、8、9、10,Edge)中均未通过测试。
通过CSS,我认为IE或Edge不支持它。
该属性有效,我已经测试过了,因此我认为我们必须更改实现方法。
<g class="group" transform ="translate(100, 100) rotate(90)">
手动执行,或者如果<g class="group">
已经创建,则使用javascript或jquery将此属性附加到<g class="group">
片段
<svg width="500px" height="500px">
<g class="group" transform ="translate(100, 100) rotate(90)">
<rect width="100px" height="10px" fill="brown"></rect>
<rect x="50px" y="50px" width="100px" height="10px" fill="brown"></rect>
</g>
</svg>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句