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