不
uj5u.com熱心網友回復：
正如評論中指出的@Mike 'Pomax' Kamermans
創建一個帶有 id 的模式定義，然后通過屬性中的片段識別符號指向它
我添加了曲線代碼并計算了圖案所需的尺寸
<style>
.container {
width:25vw;
height:auto;
}
</style>
<div class="container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180">
<defs>
<pattern id="patt" patternUnits="userSpaceOnUse" width="170" height="170">
<image href="https://media.freestocktextures.com/cache/0d/42/0d42eeb83ad3a56c97468d69721b2c18.jpg"
x="0" y="0" width="680" height="460" />
</pattern>
</defs>
<path id="path" d="M25.21 135.78s55.95 5.97 81.76-14.4c38.26-30.2 31.7-76.72 31.7-76.72"
fill="none" stroke="url(#patt)" stroke-width="32"
stroke-linecap="round" />
</svg>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/366433.html
上一篇：懸停效果的SVG顏色變化