Dịch CSS không hoạt động trong IE11 trên SVG g

Question

Tôi muốn di chuyển một nhóm các phần tử svg bằng cách sử dụng thẻ G, nhưng nó không hoạt động trong IE, thậm chí là phiên bản mới nhất. Nó hoạt động trong tất cả các trình duyệt khác. Hãy giúp tôi.

Tôi có cần sử dụng một số cách khác để di chuyển một nhóm phần tử trong svg không?

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 hỗ trợ biến đổi thuộc tính mặc dù nó doesn 't nhận ra phong cách CSS.

Vì vậy, bạn chỉ có thể thiết lập các thuộc tính cho phù hợp với phong cách sử dụng JavaScript:

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

g.setAttribute('transform', transform); 

Fiddle

Answer 2

Xin lỗi, curtis, không có cơ hội để làm việc này (tính đến 2015/02/20) - xem trang tức chính thức ở đây: https://connect.microsoft.com/IE/feedback/details/811744/ie11-bug-with-implementation-of-css-transforms-in-svg

Answer 3

nếu ai đó vẫn cần này với jQuery này làm việc cho tôi:

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