2

背景に使用するパターンを探していたときに、このパターンを見つけました。

現在、サイトの背景に使用しています。

問題は、パターンが再現できないことです。

私はそれを体の背景として設定しているので、この css を使用すると、新しい写真が始まるたびに非常に明白な継ぎ目が得られます。

body {
    background:url(../images/testbackground.jpg) repeat;
}

写真をより大きな写真に回転/反転することでこれを修正できることはすでに知っています。私はすでにそれをここでやった. そして、それは完全に機能し、再現性があり、サイトで見栄えがします(継ぎ目のミラーリングを除いて、それは無視できます)

問題は、私はインターネット接続が遅い人のために読み込み速度を最適化することに熱心であるため、本来あるべきサイズの 4 倍の背景を持つことは私にはうまくいかないことです.

コードを使用して写真を回転/反転する方法はありますか? 複雑な jQuery/javascript スクリプトを使用する必要はありませんが、現実的には、使用する必要があることはわかっています。

これを行うスクリプトを知っている人はいますか?

回転する必要がある方法のリファレンスは次のとおりです。

4

1 に答える 1

1

反転して回転するソリューションはありません。しかし、私はあなたの背景を再現可能にしました:)

問題のあるピクセルを右から切り取ったので、背景が少し小さくなりました

反復可能な背景

しかし、あなたは最適化に取り組んでいるので、絵はすでに繰り返されています! したがって、さらに小さなサイズに切り抜いても、ほとんど同じ背景を維持できます。

同じ効果を持つ小さいbg

于 2013-05-14T07:12:53.840 に答える