我正在尝试使用图像填充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>
非常感谢任何帮助。