Question

IMG 태그의 SRC 속성을 데이터로 설정하여 동적 아이콘을 렌더링합니다. ... Chrome에서 제대로 작동하지만 IE는 표시하지 않습니다. IE는 SVG 렌더링하지 않습니다 이유

var icn = "data:image/svg+xml;utf8,<svg width='100' height='100' xmlns='http://www.w3.org/2000/svg'><path d='m10,38.85715l31.14282,28.85715l50.28576,-56.00001' fill='none' stroke-width='20' stroke='#09f'/></svg>"; 

$('body').append('<img width="20" height="20" src="'+ icn +'"/>'); 

Fiddle:

누구나 알아?

Answer 1

이전 버전의 Internet Explorer에서는 데이터 URI가 base64로 인코딩되어야합니다. Internet Explorer 11에서 변경되었는지는 잘 모르겠지만 IE의 어떤 버전이 문제를 일으키는 지 명시하지 않았습니다.