How to alter how svg pattern fill is displayed -
so have webpage here. under "frame background" there patterns. when clicked display in photo frame. problem of them seem blocky. particularly last one.
my code this. jquery:
$(" #borders #pattern1").click (function() { $(".border").css("fill", "url(#patt1)"); });
svg:
<defs> <pattern id="patt1" patternunits="userspaceonuse" width="400" height="500"> <image xlink:href="images/pattern1.jpg" x="0" y="0" width="542" height="774" /> </pattern> </defs>
i hope makes sense. if down voting reason please give me feedback why.
Comments
Post a Comment