SVG 이미지는 파이어 폭스 (16)에 표시되지 않습니다

16. 내가 <image> 태그 새로운 svg 파일 (NewImage.svg)을 만들어 파이어 폭스에서이 문제를 직면하고있다 :

<?xml version="1.0" encoding="ISO-8859-1"?> 
<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 
      'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'> 
<svg xmlns='http://www.w3.org/2000/svg' 
xmlns:xlink='http://www.w3.org/1999/xlink' 
width="224px" height="54px" viewBox="-0.58 -1.162 224 54"> 
    <image xlink:href='background.svg' width='224' height='54' /> 
    <image xlink:href='foreground.svg' x='12' y='12' width='32' height='32'/> 
</svg>

Firefox에서이 NewImage.svg을 직접 열면 완벽하게 열립니다. 내 GWT 응용 프로그램 내부에서이 SVG 파일을 참조 그러나

,의 NewImage.svg 그것은 IE에서 제대로로드 않습니다 파이어 폭스 (16)에로드되지 않습니다 9

출처

2012-10-17 Tilak Sharma

GWT 어플리케이션에서이 SVG 파일이 사용되는 방법을 보여주는 코드 스 니펫을 게시 할 수 있습니까? –

내 GWT 응용 프로그램에서 Visualzer 모듈에 mxGraph를 사용합니다. mxgraph.insertVertex() 메서드의 'style'매개 변수에서 SVG 파일의 상대 경로를 다음과 같이 전달해야합니다. style = node; shape = image; image = –

도마뱀 SVG는로드 내부를로드 할 수 없습니다 보안상의 이유로 (기본적으로 사용자가 이미지를 기대하지 않을 때 이미지가 집에서 전화되는 것을 방지하기 위해) 따라서 사용하고자하는 리소스를 데이터에 넣어야합니다 : URI

출처

2012-10-18 00:47:10

다른 SVG 파일의 SVG 파일에 대한 데이터 URI? –

http://hg.mozilla.org/mozilla-central/raw-file/cb573b9307e5/layout/reftests/svg/use-extref-dataURI-01.svg –

예제 Boris!에게 감사드립니다! 시도 : <이미지 xlink : href = "데이터 : 이미지/svg + xml, http : //127.0.0.1 : 8888/images/background.svg 이렇게하면 svg 파일을 가리킬 수 없습니까? svg 파일을 읽고 "data : image/svg + xml"안에 내용을 붙여 넣어야합니까? –

SVG 이미지는 파이어 폭스 (16)에 표시되지 않습니다

답변

관련 문제