คู่มืออ้างอิง SVG

องค์ประกอบ SVG

องค์ประกอบ รายละเอียด
<a> สร้างลิงก์ที่เรียงตัวรอบวงโค้งของตัวแปร SVG
<altGlyph> มีความเข้าถึงการควบคุมสำหรับตัวแปรที่ใช้ในการแสดงผลของแนวแบบที่ใช้ในการแสดงผลของอักษร
<altGlyphDef> กำหนดตัวแปรที่อาจแทนที่รูปแบบ
<altGlyphItem> กำหนดตัวแปรที่อาจแทนที่รูปแบบที่ระบุ
<animate> กำหนดวิธีการเปลี่ยนแปลงคุณสมบัติของตัวแปรตามเวลา
<animateMotion> ให้ตัวแปรที่อ้างอิงเคลื่อนตัวตามทางที่ระบุ
<animateTransform> ทำแอนิเมชั่นให้คุณหน้าที่มีการเปลี่ยนแปลงตามคุณญาณต่อการย้ายเคลื่อน, การยกลง, การหมุน, และ/หรือการหัน
<circle> กำหนดวงกลม
<clipPath> กำหนดรูปแบบการตัด
<color-profile> ระบุคำอธิบายเกี่ยวกับโมเดลสี (เมื่อตั้งรูปแบบสำหรับเอกสารด้วย CSS)
<cursor> กำหนดไอคอนที่ไม่ขึ้นกับเครื่องงาน
<defs> กำหนดตัวแปรที่เรียกใช้
<desc> กำหนดคำอธิบายของตัวแปรที่ใช้ใน SVG
<ellipse> กำหนดรูปวงกลม
<feBlend> เชื่อมต่อสองตัวแปรด้วยรูปแบบผสมที่ระบุ
<feColorMatrix> SVG กรรมวัตถุตามรูปแบบ. ใช้การเปลี่ยนแปลงทรงที่ใช้แบบที่ระบุ
<feComponentTransfer> ฟิลเตอร์ SVG ที่ทำการแปลงแนวเส้นตารางของข้อมูลตามองค์ประกอบ
<feComposite> ฟิลเตอร์ SVG ที่ทำการประกอบตัวพิกัดอินพุตสองภาพ
<feConvolveMatrix> ฟิลเตอร์ SVG ที่ใช้การประกอบแนวเส้นตาราง
<feDiffuseLighting> ฟิลเตอร์ SVG ที่ใช้ภาพแสง โดยใช้ช่องทาง alpha สำหรับแมบหรือแบบ
<feDisplacementMap> ฟิลเตอร์ SVG ที่มาตราแปลงที่มีความยาวขนาดใหญ่
<feDistantLight> ฟิลเตอร์ SVG ที่กำหนดแหล่งแสง
<feFlood> ฟิลเตอร์ SVG ที่ทำการบรรจุภาพภายในฟิลเตอร์
<feFuncA> ฟิลเตอร์ SVG ที่กำหนดฟังก์ชันการเปลี่ยนแปลงสำหรับส่วนความโปร่งใสของภาพที่เข้ามา
<feFuncB> ฟิลเตอร์ SVG ที่กำหนดฟังก์ชันการเปลี่ยนแปลงสำหรับส่วนสีน้ำเงินของภาพที่เข้ามา
<feFuncG> ฟิลเตอร์ SVG ที่กำหนดฟังก์ชันการเปลี่ยนแปลงสำหรับส่วนเขียวของภาพที่เข้ามา
<feFuncR> ฟิลเตอร์ SVG ที่กำหนดฟังก์ชันการเปลี่ยนแปลงสำหรับส่วนแดงของภาพที่เข้ามา
<feGaussianBlur> ฟิลเตอร์ SVG ที่ทำการทำภาพมีความเข้มข้นแบบโกลเกลลี่
<feImage> ฟิลเตอร์ SVG ที่ดึงข้อมูลภาพจากแหล่งภายนอกและให้ข้อมูลจุดพิกัดที่เป็นออกทางเปิด
<feMerge> ฟิลเตอร์ SVG ที่สร้างภาพที่สะท้อนกัน
<feMergeNode> ตัวแปลที่เป็นลูกของ feMerge
<feMorphology> ฟิลเตอร์ SVG ที่ทำการเพิ่มหรือลดขนาดภาพของแบบแสง
<feOffset> ฟิลเตอร์ SVG ที่ย้ายภาพออกมานับตั้งแต่ตำแหน่งที่อยู่ของตัวเอง
<fePointLight> ฟิลเตอร์ SVG
<feSpecularLighting> ฟิลเตอร์ SVG ที่ใช้แสงเพื่อสว่างแผงภาพแบบ SVG โดยใช้ช่องทาง alpha สำหรับแมบหรือแบบ
<feSpotLight> ตัวแปลสาวกของแสงที่ใช้ในแบบไซต์เว็บ SVG
<feTile> ฟิลเตอร์ SVG ที่ภาพที่ใส่เข้ามามีการทางตรง และผลลัพธ์ใช้ในการทำตัวติดตั้ง
<feTurbulence> ฟิลเตอร์ SVG ที่ใช้ฟังก์ชันเสียงที่หาญเพื่อสร้างภาพ
<filter> ตัวแปลที่เป็นตัวจัดเก็บของฟิลเตอร์
<font> กำหนดแบบอักษร
<font-face> บรรยายคุณสมบัติของแบบอักษร
<font-face-format> บรรยายรายละเอียดของรูปแบบของแบบอักษรที่อ้างอิงโดยตรงจากอาทิตย์ต้นแบบ <font-face-uri> ที่เป็นอัตราย่อย
<font-face-name> ทำหน้าที่หน้าในคู่มือโปรแกรมที่ติดตั้งในท้องถิ่น โดยรับรู้ตามชื่อของตัวแปลภาษาไทย
<font-face-src> เท่ากับ @font-face ในมาตราฐาน CSS
<font-face-uri> กำหนดตำแหน่งฟอนต์จากทางหลัง
<foreignObject> อนุญาตให้มีองค์ประกอบจาก XML ชื่อสเปซ์ที่แตกต่างกัน
<g> ใช้สำหรับการจัดกลุ่มองค์ประกอบ
<glyph> กำหนดรูปแบบอักษรที่กำหนด
<glyphRef> กำหนดรูปแบบอักษรที่สามารถใช้งานได้
<hkern> ปรับเปลี่ยนระยะห่างระหว่างข้อความสลักที่สองแบบละติโน
<image> กำหนดรูปภาพ
<line> กำหนดเส้น
<linearGradient> กำหนดการสีทางเปลี่ยนแปลงทางเส้น
<marker> กำหนดรูปที่ใช้วาดฉากหน้าหรือสัญลักษณ์หลายขอบเขต
<mask> กำหนดองค์ประกอบหลังเงา
<metadata> กำหนดข้อมูลทางข้อมูล
<missing-glyph> ถ้าสำหรับตัวอักษรที่กำหนด ตำราอักษรไม่มี <glyph> ที่มีความเหมาะสม แสดงเนื้อหาขององค์ประกอบ <missing-glyph>
<mpath> อ้างอิงองค์ประกอบ <path> ภายนอกเป็นการกำหนดเส้นทางที่ใช้สำหรับการเคลื่อนที่
<path> กำหนดเส้นทาง
<pattern> กำหนดตราสี
<polygon> กำหนดรูปที่มีขอบเขตอย่างน้อยสามเหลี่ยม
<polyline> กำหนดรูปที่ประกอบด้วยสายตรงเท่านั้น
<radialGradient> กำหนดการสีทางเปลี่ยนแปลงทางเฉียงรัศมี
<rect> กำหนดสี่เหลี่ยมผืนผ้า
<script> กำหนดตัวแทนสคริปต์ (เช่น ECMAScript)
<set> ตั้งค่าคุณสมบัติด้วยระยะเวลาที่กำหนด
<stop> จุดหยุดของการสีทางเปลี่ยนแปลง
<style> อนุญาตให้เล่อซีลส์สไตล์ตรงไปยังเนื้อหา SVG
<svg> สร้างส่วนของเอกสาร SVG
<switch> ประเมินคุณสมบัติของลูกองค์ประกอบโดยลำดับ แล้วจัดการและแสดงลูกองค์ประกอบที่ประเมินเป็น true
<symbol> กำหนดโอบเจกต์แบบกราฟิกที่สามารถจำลองด้วยองค์ประกอบ <use>
<text> กำหนดข้อความ
<textPath> จัดลำดับข้อความตามรูปร่างขององค์ประกอบ <path>
<title> คำอธิบายขององค์ประกอบ SVG แบบข้อความสะอาด ผู้ใช้ตัวแทนสามารถแสดงข้อความเป็นข้อความเคลือบ
<tref> อ้างอิงองค์ประกอบ <text> ใน SVG และใช้งานมันอีกครั้ง
<tspan> เหมือนกับองค์ประกอบ <text> แต่สามารถฝังในแท็ก <text> และภายในตัวเอง
<use> ใน SVG เอกสาร นำไปยังตัวเลือกเป้าหมาย และคัดลอกมันไปที่อื่น
<view> วิธีที่จะดูรูปภาพที่มีจำกัด อย่างเช่นระดับการขยายหรือมุมมองละเอียด
<vkern> ปรับแต่งระยะห่างตัวอักษรสองตัว (glyph) ในแนวตั้ง