css - SVG 作为 CSS 背景，Opera 中的缩放级别问题

Question

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

当我缩小页面时，背景开始在 x 轴上重复，尽管有`background-repeat: repeat-y'

我创建了一个代码笔，展示了我发现的第一个在线 SVG 图像的问题。

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

这是我电脑上 Opera 12.14 行为的截图：

缩小时 Opera 开始在 x 轴上重复背景

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

到目前为止，我尝试了,甚至根元素的各种值width，但没有取得多大成功。heightviewBoxpreserveAspectRatio<svg>

请问有什么提示吗？

score 1 · Accepted Answer

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

参考这个链接

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

我尝试了简单的方法但没有工作，

所以我认为这是处理歌剧错误的唯一方法。似乎它正在使用 MathJax 框架，

我希望这可能会有所帮助..

1 回答 1