Ich habe ein Hintergrundbild, das sich derzeit vertikal wiederholt und auf der Seite zentriert ist. Hier finden Sie einige ASCII-Grafiken zur Beschreibung des Bildes, wobei die linke und die rechte Seite markiert sind.

----------
|        |
|        |
|L      R|
|        |
|        |
----------

Ich möchte, dass das Bild über das gesamte Browserfenster wiederholt wird, indem es jedes Mal entlang der vertikalen Kante gespiegelt wird:

----------------------------------------
|        ||        ||        ||        |
|        ||        ||        ||        |
|L      R||R      L||L      R||R      L|
|        ||        ||        ||        |
|        ||        ||        ||        |
----------------------------------------

Jetzt könnte ich ein Bild wie das folgende erstellen und es mit CSS wiederholen lassen:

--------------------
|        ||        |
|        ||        |
|L      R||R      L|
|        ||        |
|        ||        |
--------------------

Dieses Bild ist jedoch bereits viel größer als ich es haben möchte, so dass es nicht in Frage kommt, es 2-mal größer zu machen (zumal ich auch eine Retina-Version haben möchte!). Ich dachte, dass dies in Javascript ein guter Kompromiss sein könnte.

Kennt jemand eine JS-Bibliothek, die das schon kann, oder weist er mich auf eine Ressource hin, die mir einen anständigen Vorsprung verschafft?

Vielen Dank,

Tim