我想減少以下圖示的厚度:
< svg width="85" height="85" viewBox="0 0 24 24"/span> fill="none"/span> xmlns="http: //www. w3.org/2000/svg"/span>
class="ion"/span>>
<path
d="M6 12C6 15.3137 8.68629 18 12 18C14.6124 18 16.8349 16.3304 17.6586 14H12V10H21.8047V14H21.8C20.8734 18.5645 16。 8379 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.445 2 18.4831 3.742 20.2815 6.39318L17.0039 8.68815C15.9296 7.06812 14.0895 6 12 6C8.68629 6 6 8.68629 6 12Z"/span>
stroke="white" stroke-width="0。 5" fill="none" <>
</svg>
請幫助我解決這個問題。
uj5u.com熱心網友回復:
你可以在SVG本身中改變筆畫寬度,或者你可以通過設定CSS在 "外部 "覆寫該筆畫寬度屬性。
例如:
。span class="hljs-selector-tag">body {
background: black;
}
svg path {
stroke-width: 0.3;
}
< svg width="85" height="85" viewBox="0 0 24 24"/span> fill="none"/span> xmlns="http: //www. w3.org/2000/svg" class="ion">
<path
d="M6 12C6 15.3137 8.68629 18 12 18C14.6124 18 16.8349 16.3304 17.6586 14H12V10H21.8047V14H21.8C20.8734 18.5645 16。 8379 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.445 2 18.4831 3.742 20.2815 6.39318L17.0039 8.68815C15.9296 7.06812 14.0895 6 12 6C8.68629 6 6 8.68629 6 12Z"/span>
stroke="white" stroke-width="0。 5" fill="none" <>
</svg>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
嘗試修改stroke-width="0.5"到一個較小的值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/320132.html
標籤:
上一篇:通過DOM操作改變SVG筆觸顏色
