0
因此,我尝试创建一个SVG作为屏幕上的一种角度条。但我希望它具有图案背景。我在这里有三个图案背景,但只有很小的一个。是什么赋予了?获取大图像以图案化SVG
<svg class="bAngle1" width="100%" height="800">
<defs>
<pattern id="pat1" width="179" height="132" patternUnits="userSpaceOnUse">
<image x="0" y="0" width="179" height="132" xlink:href="http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/honey_im_subtle.png"></image>
</pattern>
<pattern id="beaconWords" x="0" y="0" width="1020" height="537" patternUnits="userSpaceOnUse" patternContentUnits="objectBoundingBox">
<image preserveAspectRatio="none" width="1020" height="537" xlink:href="http://173.254.99.45/~b/words.png"></image>
</pattern>
</defs>
<polygon points="2600,0 2600,800 0,500 0,300" fill="url(#beaconWords)"/>
</svg>
在的jsfiddle:http://jsfiddle.net/2pwr8wo0/
这似乎是PNG是什么的放大,但我无法弄清楚如何解决它。