Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

วิธีการวาดวงกลมกลวงใน SVG?


ในการวาดวงกลมกลวงใน SVG ให้ใช้องค์ประกอบ ในการนั้น ให้ใช้ fill=”none” แล้ววาดโครงร่าง

SVG ย่อมาจาก Scalable Vector Graphics และเป็นภาษาสำหรับการอธิบายกราฟิก 2 มิติและแอปพลิเคชันกราฟิกใน XML จากนั้น XML จะแสดงโดยโปรแกรมดู SVG เว็บเบราว์เซอร์ส่วนใหญ่สามารถแสดง SVG ได้เหมือนกับที่แสดง PNG, GIF และ JPG

วิธีการวาดวงกลมกลวงใน SVG?

ตัวอย่าง

คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีวาดวงกลมกลวงใน SVG

<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 SVG Hollow Circle</title>
   <head>
   <body>
      <svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg">
         <circle cx="100" cy="50" r="40" stroke="black" stroke-width="7" fill="none" />
      </svg>
   </body>
</html>

ผลลัพธ์

วิธีการวาดวงกลมกลวงใน SVG?