IE에서 작동하도록 펄스 화 SVG 받기

나는 펄스를 발생시키는 SVG를 가지고 있으며 IE를 제외한 대부분의 브라우저에서 작동합니다.IE에서 작동하도록 펄스 화 SVG 받기

애니메이션 GIF를 사용하지 않고 IE에서 어떻게 작동합니까?

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="179.734px" height="179.736px" viewBox="0 0 179.734 179.736" enable-background="new 0 0 179.734 179.736" 
    xml:space="preserve"> 

    <g transform="translate(80,80)"> 
     <g id="pulse_2"> 
      <path opacity="1" fill-opacity="0" stroke="#fff" stroke-width="3" stroke-miterlimit="10" d="M120.864,99.676c0,11.599-9.401,21-21,21c-11.598,0-21-9.401-21-21c0-11.598,9.402-21,21-21c6.705,0,12.679,3.144,16.523,8.037C119.193,90.281,120.864,94.783,120.864,99.676z" transform="translate(-100 -100)" /> 
      <animateTransform attributeType="xml" attributeName="transform" type="scale" begin="0s" from="0" by="2" dur="2s" fill="freeze" repeatCount="indefinite" /> 
      <animate attributeType="xml" attributeName="fill-opacity" from="0" to="0" values="0;0.5;0" dur="4s" repeatCount="indefinite" fill="freeze" /> 
     </g> 
    </g> 
    <g id="centre"> 
     <circle cx="80" cy="80" r="50" fill-opacity="0" stroke-width="10" stroke="#fff" /> 
    </g> 
</svg>

출처

2014-10-13 ngplayground

문서에 svg를 어떻게 삽입합니까? (img, object, 인라인) – Michiel

IE는 SMIL (즉 animae animateTransform 및 태그)를 지원하지 않는다. IE에이 기능을 제공하는 데 사용할 수있는 fakeSmile이라는 javascript shim이 있습니다.

출처

2014-10-13 15:49:11

IE에서 작동하도록 펄스 화 SVG 받기

답변

관련 문제