SVG<图像>在中不起作用在 Chrome 上

Question

我想在 defs 标签中定义的组中使用图像。但在 Chrome 上没有任何效果。在 Firefox 中，仅显示 .png 文件。 Chrome 中仅出现矩形，但有奇怪的错误。这是 SVG 支持的还是我没有正确使用它。

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>

images/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/文件/9gNi5gCO/svg_bug.html

Answer 1

对我来说看起来像是有效的 SVG 1.1。我认为 Firefox 尚不支持 元素中的 svg。我的 Epiphany-webkit nightly 似乎表现得很好，Opera 也是如此。

2014 更新：外部 svg 在 Chrome、Opera 和 Firefox 中运行良好，请参阅示例。