Problem beim Laden eines Bildes in SVG mit JS

[Andreas Möller]

Hallo, ich möchte ein Rechteck in SVG mit Hilfe von JavaScript eine Textur als Fülling zuweisen. Ich weiß nicht genau, wie das zu schreiben ist. Folgender Code in SVG:

<defs>
    <pattern id="pattern1" x="10" y="10" width="111" height="111" patternUnits="userSpaceOnUse">
        <image id="myImage" x="0" y="0" width="115px" height="115px" xlink:href="/Images/080.jpg" />
    </pattern>
</defs>

<rect id="myrect1" x="10" y="10" width="200" height="200" style="stroke: #000000; fill:aliceblue;"></rect>

Jetzt will ich mit Hilfe einer JS-Funktion das fill-Attribute mit dem Bild austauschen.

myrect1.style.fill = url(#pattern1);

Das will JS aber so nicht machen. Wie muss ich das schreiben?

Gruß Andreas