SVG <image>не работает в <defs>в Chrome - PullRequest
Новая
       36

SVG <image>не работает в <defs>в Chrome

0 голосов
/ 21 октября 2010

Я хочу использовать изображение в группе, определенной в теге defs.Но на Chrome ничего не работает.В Firefox отображается только файл .png.Только Rectangle, но со странной ошибкой в ​​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/file/9gNi5gCO/svg_bug.html

1 Ответ

0 голосов
/ 21 октября 2010

Похоже на действительный SVG 1.1 для меня.Я думаю, что Firefox пока не поддерживает svg в элементе <image>.Похоже, мой epiphany-webkit по ночам прекрасно его отображал, и Opera тоже.

2014 update : external svg отлично работает в Chrome, Opera и Firefox, см. Пример .

...