Tłumaczenie CSS nie działa w IE11 na SVG g

Question

Chcę przenieść grupę elementów svg za pomocą tagu G, ale nie działa ona w IE, nawet w najnowszej wersji. Działa we wszystkich innych przeglądarkach. Proszę pomóż.

Czy muszę użyć innego sposobu przenoszenia grupy elementów w 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 obsługuje transformacji atrybut mimo że nie robi rozpoznaje styl CSS.

więc można po prostu ustawić atrybut, aby dopasować styl za pomocą JavaScript:

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

g.setAttribute('transform', transform); 

Fiddle

Answer 2

Niestety, Curtis, nie ma szans, aby uzyskać tej pracy (stan na 20.02.2015) - zobacz oficjalny tj stronie: https://connect.microsoft.com/IE/feedback/details/811744/ie11-bug-with-implementation-of-css-transforms-in-svg

Answer 3

jeśli ktoś jeszcze potrzebuje to z jQuery ten pracował dla mnie:

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