Problem beim Laden eines Bildes in SVG mit JS
bearbeitet von Matthias ApselHallo,
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