我对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>
提前致谢
解决方法
您可以使用stroke =“black”stroke-width =“10”添加笔划,然后相应地调整viewBox.
OLD: <div style="width: 100px; height:100px;"> <svg viewBox="0 0 100 100"> <path d="M 50,100) rotate(180)"></path> </svg> </div> <br> NEW: <div style="width: 100px; height:100px;"> <svg viewBox="-10 -10 120 120"> <path d="M 50,100) rotate(180)" stroke="black" stroke-width="10"></path> </svg> </div>
