การสอนสำหรับการเริ่มต้นใช้งานกราฟิกเวกเตอร์ SVG โดยใช้ HTML5

บทความนี้ส่วนใหญ่แนะนำการสอนเบื้องต้นสำหรับการใช้ HTML5 เพื่อวาดกราฟิกเวกเตอร์ SVG รวมถึงการวาดกราฟิกพื้นฐานและเอฟเฟกต์การไล่ระดับสีที่เรียบง่าย โปรดทราบว่าการสนับสนุนของ IE รุ่นเก่านั้นไม่ดี เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้

VG แสดงถึงกราฟิกเวกเตอร์ที่ปรับขนาดได้ภาษาที่ใช้อธิบายกราฟิก 2D และแอปพลิเคชันกราฟิกจะถูกเขียนใน XML ซึ่งจะถูกนำเสนอโดยโปรแกรมเครื่องอ่าน SVG

SVG ส่วนใหญ่ใช้สำหรับแผนภูมิประเภทเวกเตอร์เช่นแผนภูมิวงกลมแผนภูมิสองมิติในระบบพิกัด X, Y ฯลฯ

SVG กลายเป็นมาตรฐานที่แนะนำ W3C เมื่อวันที่ 14 มกราคม 2546 และคุณสามารถดูข้อมูลจำเพาะ SVG เวอร์ชันล่าสุดในหน้าข้อกำหนด SVG

เว็บเบราว์เซอร์ส่วนใหญ่สามารถแสดง SVGs ได้เช่นเดียวกับที่สามารถแสดงกราฟิก PNG, GIF และ JPG ได้ IE ผู้ใช้อาจต้องติดตั้ง Adobe SVG Reader เพื่อให้สามารถดู SVG ในเบราว์เซอร์ของพวกเขา

ฝัง SVG ใน HTML5

HTML5 ช่วยให้เราฝัง SVG โดยตรงโดยใช้แท็ก __ <SVG> ... </svg> ต่อไปนี้เป็นไวยากรณ์ง่ายๆ: