css - CSS 背景としての SVG、Opera のズームレベルの問題

Question

Opera で SVG バックグラウンドを使用するのに問題があります。

ページを縮小すると、「background-repeat: repeat-y」にもかかわらず、背景が x 軸上で繰り返され始めます

最初に見つけたオンライン 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 軸で背景を繰り返し始めます

この動作は、寸法記入のある SVG ドキュメントで見られwidth="W" height="H" viewBox="0 0 W H"ます。

width、height、viewBoxさらにpreserveAspectRatioはルート要素に対してさまざまな値を試しましたが、<svg>これまでのところあまり成功していません。

ヒントをお願いします。

score 1 · Accepted Answer

サイズ変更後にオペラが画像を再描画しないため、単純ではありません。

このリンクは、オペラにズーム後に画像を強制的に再描画させる方法を説明しています。

私は簡単な方法を試しましたが、うまくいきませんでした、

これがオペラのバグに対処する唯一の方法だと思います。MathJax フレームワークを使用しているようですが、

これが役立つことを願っています..

1 に答える 1