svg - 直径 = 奇数の SVG 円

Question

直径が奇数（7px）の円を描きたいので、円の中心を正確に通る1pxの線を描くことができます。

<svg width="600" height="600"> 
    <circle cx="30" cy="30" r="3.5" fill="red" />
</svg> 

r奇妙なことに、値が何であれ、直径は常に偶数です。

Answer 1

cxとのcy座標を でシフトします.5。

<svg width="600" height="600"> 
    <circle cx="30.5" cy="30.5" r="3.5" fill="red" />
</svg>