SVG <image>在Chrome上的<defs>上不起作用

我想在defs標記中定義的組中使用圖像。但在Chrome上無效。在Firefox中，只有.png文件是displayd。只有矩形apears但Chrome中有奇怪的錯誤。這是由SVG支持還是沒有正確使用它。SVG <image>在Chrome上的<defs>上不起作用

plane.svg

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg baseProfile="full" width="500" height="500" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> 

<defs> 
    <g id="car"> 
    <rect x="0" y="0" width="30" height="30" fill="#ff0000" /> 
    <image xlink:href="items/car.svg" x="0" y="0" width="30" height="30" /> 
    <image xlink:href="items/t6k.png" x="100" y="100" width="140" height="140" /> 
    </g> 
</defs> 

<use xlink:href="#car" x="0" y="0" width="600" height="600" /> 

</svg>

圖像/ car.svg

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg baseProfile="full" width="30" height="30" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> 

    <rect x="0" y="0" width="30" height="30" fill="red" stroke="green" stroke-width="3"/> 

</svg>

下載代碼：http://www.4shared.com/file/9gNi5gCO/svg_bug.html

來源

2010-10-21 avladev

貌似有效的SVG 1.1給我。我認爲Firefox尚不支持<image>元素中的svg。我的epiphany-webkit每晚似乎都很好，而Opera也是。

2014更新 image>在Chrome，Opera和Firefox中正常工作，請參閱example。

來源

2010-10-21 14:06:50

我可以確認包括FF4b6在內的Firefox不支持圖像元素中的svg。 – jbeard4 2010-10-21 15:36:09

SVG <image>在Chrome上的<defs>上不起作用

回答

相關問題