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

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

Round ImageView Android -

How can I utilize Yahoo Weather API in android -