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>上不起作用

回答

相关问题