encodeURIComponent 내부의 SVG 코드가 IE에서 작동하지 않습니다.

Question

IE에서 encodeURIComponent() 내부의 내용을 애니메이션으로 변환하려고합니다. 나는 SMIL이 IE에서 지원되지 않는다는 것을 알고 있지만 순수 JS를 사용하여 svg 태그를 움직이거나 회전시키는 것보다 훨씬 쉽습니다. 다음은 파이어 폭스와 크롬에서 작동 무언가의 예입니다,하지만 IE :

var uri = encodeURIComponent(
       '<?xml version="1.0" encoding="utf-8"?>' + 
       '<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" viewBox="0 0 120 40" xml:space="preserve">' + 
       '<script type="text/javascript" xlink:href="http://leunen.me/fakesmile/smil.user.js"/>' + 
        '<circle cx="30" cy="50" r="15" fill="blue" stroke="black" stroke-width="1">' + 
        '<animateMotion path="M 0 0 H 300 Z" dur="8s" repeatCount="indefinite" />' + 
        '</circle>' + 
       '</svg>'); 

당신은 인 XLink를 알 수 있습니다 : 나는 문제없이 애니메이션을 처리해야한다고 생각 것 FakeSmile에 HREF를, 그것은 동적이지 이후 .

http://jsfiddle.net/FG3PG/1/

때문에 jsfiddle의 끝에 약간의 메타 태그 또는 다른 HTML 코드의이 일을합니까 : 당신이 유사한 바이올린을 시도 할 경우, 당신은 때 태그 안에 IE에서 작동 볼 것인가? 또는 내가 포함 된 코드가 encodeURIComponent()에 래핑 된 것은 사실입니까? 궁극적으로 svg는 래핑 될 필요가 있거나 애니메이션 효과에 관계없이 전혀 나타나지 않습니다.

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.