SVG <image>рендеринг в Firefox отключен - PullRequest
Новая
       19

SVG <image>рендеринг в Firefox отключен

1 голос
/ 20 марта 2019

Рендеринг <image> элементов в Firefox является пиксельным.То же изображение с той же шириной / высотой выглядит как <img>.Он также корректно работает как svg <image> в Chrome.

Пример:

example images

Левая часть - svg <image> ссылаясь на png, справа - обычный <img> ссылающийся на то же изображение.

Рабочий пример:

<svg height="53" width="60"
  xmlns="http://www.w3.org/2000/svg">       
  <image  href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"  width="60" height="53" x="0" y="0" />
</svg>

<img src="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" width="60px" height="53px"/>

Как правильно настроить изображение svg?Я перепробовал все варианты, перечисленные здесь https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image (image-rendering, shape-rendering, preserveAspectRatio и т. Д.).

1 Ответ

0 голосов
/ 10 мая 2019

Это было вызвано ошибкой, исправленной в Firefox 67.

https://bugzilla.mozilla.org/show_bug.cgi?id=1534188

...