CSS翻譯在SVG上的IE11中不起作用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支持變換屬性，即使它不不認識CSS風格。

所以，你可以簡單地設置該屬性使用JavaScript來搭配風格：

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

g.setAttribute('transform', transform); 

Fiddle

Answer 2

對不起，柯蒂斯，沒有機會得到這個工作（如2015年2月20日的） - 見官即頁面在這裏：https://connect.microsoft.com/IE/feedback/details/811744/ie11-bug-with-implementation-of-css-transforms-in-svg

Answer 3

如果有人仍然需要這與jQuery這個工作對我來說：

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