SVG หรือ Scalable Vector Graphics ช่วยให้คุณวาดภาพที่ซับซ้อนมากขึ้น และแสดงผลบนหน้าเว็บ แต่คุณไม่สามารถใช้แท็ก SVG และแทงลงใน HTML ของคุณได้ พวกเขาจะไม่ปรากฏขึ้นและหน้าของคุณจะไม่ถูกต้อง แต่คุณต้องใช้หนึ่งในสามวิธี
ใช้แท็ก Object เพื่อฝัง SVG
แท็ก HTML จะฝังกราฟิก SVG ไว้ในหน้าเว็บของคุณ คุณเขียนแท็กวัตถุด้วยแอตทริบิวต์ข้อมูลเพื่อกำหนดไฟล์ SVG ที่คุณต้องการเปิด นอกจากนี้คุณควรเพิ่มแอตทริบิวต์ความกว้างและความสูงเพื่อกำหนดความกว้างและความสูงของภาพ SVG ของคุณ (เป็นพิกเซล)
สำหรับความเข้ากันได้ของ cross-browser คุณควรใส่แอตทริบิวต์ type ซึ่งควรอ่าน:
ประเภท = "image / SVG + XML"
และ codebase สำหรับเบราว์เซอร์ที่ไม่รองรับ (Internet Explorer 8 และรุ่นที่ต่ำกว่า) codebase ของคุณจะชี้ไปที่ปลั๊กอิน SVG สำหรับเบราว์เซอร์ที่ไม่สนับสนุน SVG ปลั๊กอินที่ใช้กันมากที่สุดคือจาก Adobe ที่ http://www.adobe.com/svg/viewer/install/ อย่างไรก็ตามปลั๊กอินนี้ไม่ได้รับการสนับสนุนจาก Adobe อีกต่อไป ตัวเลือกหนึ่งคือปลั๊กอิน Ssrc SVG จาก Savarese Software Research ที่ http://www.savarese.com/software/svgplugin/
วัตถุของคุณจะมีลักษณะดังนี้: