更改SVG形狀的厚度

Question

我對svg繪圖不夠熟悉。

我有SVG格式的這個箭頭。我怎樣才能增加箭頭的粗細？

<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="0 0 100 100"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)"></path> 
 
    </svg> 
 
</div>

在此先感謝

Answer 1

您可以stroke="black" stroke-width="10"增加中風，然後相應地調整你的視框。

OLD: 
 
<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="0 0 100 100"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)"></path> 
 
    </svg> 
 
</div> 
 
<br> 
 
NEW: 
 
<div style="width: 100px; height:100px;"> 
 
    <svg viewBox="-10 -10 120 120"> 
 
    <path d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" class="arrow" transform="translate(85,100) rotate(180)" stroke="black" stroke-width="10"></path> 
 
    </svg> 
 
</div>