ตัวอย่าง SVG

ตัวอย่าง SVG ง่าย

ง่ายตัวอย่างเช่นกราฟิก SVG:

นี่คือไฟล์ SVG (บันทึกที่มีนามสกุลไฟล์ SVG SVG) ที่:

การวิเคราะห์รหัส SVG:

บรรทัดแรกมีประกาศ XML โปรดทราบว่าสถานที่ให้บริการแบบสแตนด์อโลน! คุณลักษณะนี้ระบุว่าไฟล์ SVG "ยืนอยู่คนเดียว" หรือมีการอ้างอิงไปยังไฟล์ภายนอก

แบบสแตนด์อโลน = "ไม่มี" หมายความว่าเอกสาร SVG มีการอ้างอิงไปยังไฟล์ภายนอก - ในกรณีนี้การ DTD

บรรทัดที่สองและสามอ้างอิง DTD SVG ภายนอก ข้อกำหนดของ DTD จะอยู่ใน "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" ข้อกำหนดของ DTD ตั้งอยู่ W3C ซึ่งมีองค์ประกอบ SVG อนุญาตทั้งหมด

รหัส SVG <SVG> เริ่มองค์ประกอบรวมทั้งการพลิก <SVG> แท็กและแท็กปิด </ SVG> นี้เป็นองค์ประกอบหลัก กว้างและความสูงแอตทริบิวต์สามารถตั้งค่าความกว้างและความสูงของเอกสาร SVG นี้ รุ่นแอตทริบิวต์กำหนดรุ่น SVG ที่ใช้แอตทริบิวต์ xmlns กำหนด namespace แล้ว SVG

SVG <วงกลม> ใช้ในการสร้างวงกลม แอตทริบิวต์ cx และ cy กำหนดศูนย์กลางของวงกลม x และ y พิกัด ถ้าคุณไม่สนใจทั้งสองคุณสมบัติแล้วจุดที่ถูกกำหนดเป็น (0, 0) R แอตทริบิวต์กำหนดรัศมีของวงกลม

โรคหลอดเลือดสมองและโรคหลอดเลือดสมองแอตทริบิวต์ความกว้างควบคุมวิธีการร่างของรูปร่าง เราร่างของวงกลมที่ถูกกำหนดเป็น 2px กว้างขอบสีดำ

กรอกคุณสมบัติสีตั้งอยู่ในรูปร่าง เราตั้งเติมสีแดง

แท็กปิดปิดองค์ประกอบราก SVG และเอกสารเอง

หมายเหตุ: แท็กจะต้องมีการเปิดปิดแท็ก!