SVG как фон CSS, проблемы с уровнем масштабирования в Opera

У меня возникают трудности с использованием фона SVG с Opera.

Когда я уменьшаю масштаб страницы, фон начинает повторяться на оси x, несмотря на "background-repeat: repeat-y"

Я создал codepen, демонстрируя проблему с первым онлайн-SVG-изображением, которое я нашел.

body {
  background-image: url("http://www.anarchopedia.org/images/2/22/Heckert_GNU_white.svg");
  background-repeat: repeat-y;
}

И вот скриншот поведения Opera 12.14 на моем компьютере:

Opera starts repeating the background on the x axis when zooming out

Поведение проявляется для любого документа SVG с размером width="W" height="H" viewBox="0 0 W H".

Я пробовал различные значения для width, height, viewBox и даже preserveAspectRatio в корневом элементе <svg> без особых успехов.

Любые подсказки, пожалуйста?

Ответы

Ответ 1

Это не просто, так как Opera не перерисовывает изображение после изменения размера,

ссылайтесь на эту ссылку

В этой ссылке объясняется, как заставить опера перерисовывать изображение после масштабирования,

Я пробовал легко, но не работал,

поэтому я думаю, что это единственный способ справиться с ошибкой Opera. Кажется, он использует фреймворк MathJax,

Надеюсь, это поможет.