我正在創建一個進度圈,但我希望進度圈線的邊緣是圓形的,這就是它的外觀,這就是我希望它的外觀。
這是我的代碼
const strokeWidth = 2;
const center = size / 2;
const radius = size / 2 - strokeWidth / 2;
<Circle
ref={progressRef}
stroke="#FFF"
cx={center}
cy={center}
r={radius}
strokeWidth={strokeWidth}
strokeDasharray={circumference}
/>
uj5u.com熱心網友回復:
您可以在 Path 上使用 strokeLinecap 屬性進行舍入:
<Path
stroke="black"
fill="none"
strokeLinecap="round"
strokeWidth={strokeWidth}
strokeDasharray={circumference}
/>
在這里找到
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/417107.html
標籤:
