ตัวอย่าง SVG
- หน้าก่อนหน้า สีกระจายรังสี SVG
- หน้าต่อไป องค์ประกอบ SVG
ดูแฟ้ม SVG
ถ้าคุณไม่ได้ติดตั้งตัวตรวจสอบ SVG คุณจะไม่สามารถดูแฟ้ม SVG
หมายเหตุ：Firefox 1.5 และ Opera 9 สนับสนุน SVG โดยเริ่มต้น ถ้าคุณใช้หนึ่งในบราวเซอร์นี้คุณไม่จำเป็นต้องติดตั้งตัวตรวจสอบ SVG
ดาวน์โหลดตัวตรวจสอบ SVG ฟรีจาก Adobe。
ดูรหัสต้นฉบับ SVG
ถ้าต้องการดูรหัสต้นฉบับ SVG โปรดเปิดตัวอย่างนี้ แล้วคลิกขวาที่หน้าต่าง แล้วเลือก "ดูรหัสต้นฉบับ"
ตัวอย่าง SVG
รูปทรง SVG
- สี่เหลี่ยม
- สี่เหลี่ยมที่มีความโปร่งใส
- สี่เหลี่ยมที่มีความโปร่งใส 2
- สี่เหลี่ยมที่มีมุมเรียบ
- วงกลม
- วงเกลียว
- เปลววงเกลียวสามที่สะดับขึ้น
- เปลววงเกลียวสอง
- เส้น
- สามเหลี่ยม
- สี่เหลี่ยม
- เส้นตรงทาง
- เส้นทาง
- หุ้มวงกลมหมุน
SVG ฟิลเตอร์
- เฟอร์นัวส์เกาเซียนบลูร์
- ฟิลเตอร์ feGaussianBlur อื่นๆ
- ฟิลเตอร์ feBlend
- ฟิลเตอร์ feColorMatrix
- ฟิลเตอร์ feComponentTransfer
- ฟิลเตอร์ feOffset
- feOffset, feFlood, feComposite, feMerge และ feMergeNode
- ฟิลเตอร์ feMorphology
- ฟิลเตอร์ 1
- ฟิลเตอร์ 2
- ฟิลเตอร์ 3
- ฟิลเตอร์ 4
- ฟิลเตอร์ 5
- ฟิลเตอร์ 6
SVG กระจาย
SVG Misc
- เพิ่ม "a" ในตรงกลมเพื่อทำให้ตรงกลมเป็นลิงก์
- เมื่อผู้ใช้คลิกบนวงกลม ใช้ JavaScript ที่จะสร้างองค์ประกอบ
- ตรงกลมที่แปลงลดระดับด้วยระยะเวลา 5 วินาที
- แปลงค่า x, y และ width, height ของตรงกลมเพื่อสร้างประสาวะและเปลี่ยนสีของตรงกลม
- ตรงกลมที่เปลี่ยนสีสามตัว
- ข้อความที่เคลื่อนไหวตามเส้นทาง
- ข้อความที่เคลื่อนไหวตามเส้นทาง หมุนและขยายตัว
- ข้อความที่เคลื่อนไหวตามเส้นทาง หมุนและขยายตัว และกำลังกระพริบสี กับตรงกลมที่เปลี่ยนสีเรื่องเรียง
- หน้าก่อนหน้า สีกระจายรังสี SVG
- หน้าต่อไป องค์ประกอบ SVG
