CSS翻译不能在IE11上使用SVG g

Question

我想使用G标签移动一组svg元素,但它在IE中不起作用,即使是最新版本.它适用于所有其他浏览器.请帮忙.

我是否需要使用其他方式在svg中移动一组元素？

http://jsfiddle.net/ahKpq/3/

<svg viewbox="0 0 20 20">
    <g>
        <circle cx=10 cy=10 r=10 />
    </g>
</svg>

g {
    transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
    -sand-transform: translate(10px, 0px);
    -webkit-transform: translate(10px, 0px);
}

Answer 1

IE11支持transform属性,即使它不能识别CSS样式.

因此,您只需使用JavaScript设置属性以匹配样式:

var g= document.querySelector('g'),
    transform= getComputedStyle(g).getPropertyValue('transform');

g.setAttribute('transform', transform);

小提琴

Answer 2

如果有人仍然需要这个jQuery,这对我有用:

jQuery("g").each(function(){
        transform = jQuery(this).css('transform');
        console.log(transform);
        jQuery(this).attr('transform',transform);
    });