下面的JSFiddle是一个SVG绘图,有2个棕色矩形<rect>相互隔开,并且它们都有一个<g>具有class="group"应用变换(旋转和平移)的类的组.
参考Caniuse.com,它给出了主要浏览器的大部分支持率,它表明IE9 +支持SVG转换属性,它在Know问题上说:
IE 10及更低版本不支持SVG元素的CSS变换(尽管SVG变换属性确实有效).
题
尽管我的唯一来源是这个网站,但我知道我们是否已经弄清楚为什么IE Edge目前不支持转换属性(2015年12月)？
问题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">
片段
<g class="group" transform ="translate(100, 100) rotate(90)">