SVG <circle>

SVG วงกลม - <circle>

<circle> องค์ประกอบสำหรับสร้างวงกลม:

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

ตัวอย่าง

<svg height="100" width="100">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

ทดลองด้วยตัวเอง

รายละเอียดโค้ด:

  • ค่า cx และ cy กำหนดตำแหน่งจุดศูนย์กลางของวงที่ตั้งอยู่ที่ x และ y หากละเลย cx และ cy จะตั้งจุดศูนย์กลางวงที่ (0,0)
  • ค่า r กำหนดเส้นรอบวง