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

时间:2013-03-05 10:03:07

标签: css svg background opera

我在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行为的屏幕截图:

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

对于具有width="W" height="H" viewBox="0 0 W H"尺寸标注的任何SVG文档,该行为都会展示。

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

请提示吗?

1 个答案:

答案 0 :(得分:1)

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

参考此link

此链接说明了如何在缩放后强制Opera重绘图像,

我尝试过简单的方法,但没有工作,

所以我认为这是处理opera bug的唯一方法。似乎它正在使用MathJax框架,

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