<svg fill="blue" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon points="50,0 100,0 50,100 0,100"></polygon>
</svg>
是否可以在不使用 JavaScript 的情況下僅在此形狀的右側放置邊框?
uj5u.com熱心網友回復:
使用適當的 stroke-dasharray
<svg width="600px" height="600px" fill="blue" viewBox="0 0 101 100" preserveAspectRatio="none">
<polygon points="50,0 100,0 50,100 0,100" stroke="red" pathLength="100" stroke-dasharray="0 15.4 34.6 100"></polygon>
</svg>
uj5u.com熱心網友回復:
也許陰影會做?
<svg fill="blue" viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon points="50,0 100,0 50,100 0,100" style="filter: drop-shadow(1px 0px 0px black)"></polygon>
</svg>
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/430529.html
上一篇:縮放和居中任何svg元素全視口
