SVG作为CSS背景,Opera中的缩放级别问题

Question

我在Opera中使用SVG背景时遇到了困难.

当我缩小页面时,背景开始在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行为的屏幕截图:

该行为适用于任何具有width="W" height="H" viewBox="0 0 W H"尺寸标注的SVG文档.

我试过各种价值观width,height,viewBox甚至preserveAspectRatio根本上<svg>元素没有多少成功为止.

有什么提示吗？

Answer 1

这并不简单，因为 Opera 在调整大小后不会重新绘制图像，

参考这个链接

此链接解释了如何强制 Opera 在缩放后重绘图像，

我尝试过简单的方法但不起作用，

所以我认为这是处理 Opera bug 的唯一方法。似乎是使用MathJax框架，

我希望这可以帮助..