Latest web development tutorials

ข้อมูลส่วนตัว SVG

SVG คือการใช้ภาษา XML เพื่ออธิบายกราฟิกสองมิติและโปรแกรมวาดภาพ


ก่อนเรียนควรมีความรู้พื้นฐานของ:

ก่อนที่คุณจะดำเนินการต่อคุณควรมีความเข้าใจพื้นฐานของ:

  • HTML
  • มูลนิธิ XML

หากคุณต้องการที่จะศึกษาวิชาเหล่านี้ครั้งแรกโปรดเว็บไซต์ หน้าแรก เลือกกวดวิชาที่เหมาะสม


SVG คืออะไร?

  • SVG กราฟิกเวกเตอร์ Scalable หมายถึง (Scalable Vector Graphics)
  • SVG ถูกนำมาใช้ในการกำหนดรูปแบบเวกเตอร์ web-based
  • SVG ใช้กราฟิกความละเอียดรูปแบบ XML
  • รูปภาพ SVG เพื่อขยายหรือการเปลี่ยนแปลงในขนาดของภาพที่มีคุณภาพของมันจะไม่หายไป
  • SVG เป็นมาตรฐานโลกไวด์เว็บสมาคม
  • SVG และ W3C มาตรฐานเช่น DOM และ XSL เป็นเหมือนทั้ง

SVG เป็นคำแนะนำ W3C

SVG บน 14 มกราคม 2003 กลายเป็นคำแนะนำ W3C

เพื่ออ่านข้อมูลเพิ่มเติมเกี่ยวกับเหตุการณ์ SVG ของ W3C โปรดไปที่ กวดวิชา W3C


ประวัติศาสตร์ SVG และผลประโยชน์

ในเดือนมกราคม 2003 SVG 1.1 ได้ก่อตั้งขึ้นเป็นมาตรฐาน W3C

องค์กรที่เกี่ยวข้องในความหมายของ SVG รวมถึง: Sun Microsystems, Adobe, Apple, IBM และโกดัก

เมื่อเทียบกับรูปแบบภาพอื่น ๆ ให้ใช้ข้อได้เปรียบ SVG:

  • SVG สามารถเป็นจำนวนมากของเครื่องมือในการอ่านและแก้ไข (เช่น Notepad)
  • ขนาดที่เล็กกว่า SVG และ JPEG และ GIF ภาพเทียบและอัดแข็งแกร่ง
  • SVG สามารถปรับได้
  • ภาพ SVG สามารถพิมพ์ในความละเอียดที่มีคุณภาพสูงใด ๆ
  • SVG อาจจะพูดเกินจริงในคุณภาพของภาพไม่ลดลง
  • ข้อความรูปภาพ SVG เป็นตัวเลือกและสามารถค้นหาได้ (เหมาะมากสำหรับการทำแผนที่)
  • SVG สามารถทำงานกับเทคโนโลยี Java
  • SVG เป็นมาตรฐานเปิด
  • ไฟล์ SVG เป็น XML บริสุทธิ์

คู่แข่งหลักของ SVG เป็นแฟลช

เมื่อเทียบกับแฟลช, SVG ประโยชน์ที่ใหญ่ที่สุดคือเข้ากันได้กับมาตรฐานอื่น ๆ (เช่น XSL และ DOM) Flash ไม่มาเปิดและเทคโนโลยีที่เป็นกรรมสิทธิ์


ดูไฟล์ SVG

อินเทอร์เน็ต Explorer9, Firefox, Google Chrome, Opera และ Safari สนับสนุน SVG

IE8 และรุ่นก่อนหน้านี้ต้องใช้ plug-in - เช่นเบราว์เซอร์ Adobe SVG ซึ่งสามารถใช้ได้ฟรี


สร้างไฟล์ SVG

เพราะ SVG เป็นไฟล์ XML, ภาพ SVG สามารถใช้โปรแกรมแก้ไขข้อความใด ๆ ที่จะสร้าง แต่มันมักจะใช้ร่วมกับโปรแกรมวาดภาพเช่น Inkscape ได้ง่ายขึ้นสร้างภาพ SVG