用图像填充SVG多边形

时间:2014-10-08 09:59:52

标签: html image svg polygon

我正在尝试使用图像填充svg多边形,但似乎无法解决如何操作。

<svg xmlns="http://www.w3.org/2000/svg" width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1">
    <polygon style="fill:url(image.jpg)" stroke="blue" stroke-width="10" points="850,75  958,137.5 958,262.5 850,325 742,262.6 742,137.5" />
</svg>

我试过这个以及:

<svg xmlns="http://www.w3.org/2000/svg" width="12cm" height="4cm" viewBox="0 0 1200 400" version="1.1">
    <polygon stroke="blue" stroke-width="10" points="850,75  958,137.5 958,262.5 850,325 742,262.6 742,137.5">
       <image xlink:href="<?php echo $image ?>" width="200" height="300" />
    </polygon>
</svg>

非常感谢任何帮助。

0 个答案:

没有答案