ล่าสุดการพัฒนาเว็บบทเรียน
 

SVG <วงกลม>


SVG วงกลม - <วงกลม>

<circle> องค์ประกอบที่ใช้ในการสร้างวงกลม:

ขออภัยเบราว์เซอร์ของคุณไม่สนับสนุน SVG แบบอินไลน์

นี่คือรหัส SVG นี้:

ตัวอย่าง

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>
ลองตัวเอง»

Code explanation:

  • แอตทริบิวต์ cx และ cy กำหนดพิกัด X และ Y ศูนย์ของวงกลม หาก cx และ cy จะถูกตัดออก, ศูนย์วงกลมที่ถูกกำหนดเป็น (0,0)
  • r แอตทริบิวต์กำหนดรัศมีของวงกลม