องค์ประกอบ SVG
| ธาตุ | ลักษณะ | แอตทริบิวต์ |
|---|---|---|
| <a> | สร้างการเชื่อมโยงองค์ประกอบรอบ SVG | xlink:show xlink:actuate xlink:href target |
| <altGlyph> | ให้การควบคุมที่มากกว่าร่ายมนตร์ที่ใช้ในการแสดงผลข้อมูลตัวอักษรโดยเฉพาะอย่างยิ่ง | x y dx dy rotate glyphRef format xlink:href |
| <altGlyphDef> | กำหนดชุดทดแทนร่ายมนตร์ | id |
| <altGlyphItem> | กำหนดชุดผู้สมัครของแทนสัญลักษณ์ | id |
| <animate> | กำหนดวิธีการแอตทริบิวต์ขององค์ประกอบการเปลี่ยนแปลงอยู่ตลอดเวลา | attributeName="the name of the target attribute" by="a relative offset value" from="the starting value" to="the ending value" dur="the duration" repeatCount="the number of time the animation will take place" |
| <animateMotion> | ทำให้เกิดเป็นองค์ประกอบอ้างอิงที่จะย้ายไปตามเส้นทางการเคลื่อนไหว | calcMode="the interpolation mode for the animation. Can be 'discrete',
'linear', 'paced', 'spline'" path="the motion path" keyPoints="how far along the motion path the object shall move at the moment in time" rotate="applies a rotation transformation" xlink:href="an URI reference to the <path> element which defines the motion path" |
| <animateTransform> | เคลื่อนไหวแอตทริบิวต์การเปลี่ยนแปลงในองค์ประกอบเป้าหมายจึงทำให้ภาพเคลื่อนไหวเพื่อควบคุมการแปลภาษาการปรับหมุนและ / หรือบิดเบือน | by="a relative offset value" from="the starting value" to="the ending value" type="the type of transformation which is to have its values change over time. Can be 'translate', 'scale', 'rotate', 'skewX', 'skewY'" |
| <circle> | กำหนดวงกลม | cx="the x-axis center of the circle" cy="the y-axis center of the circle" r="The circle's radius". Required. + presentation attributes: Color, FillStroke, Graphics |
| <clipPath> | รูปวาดเป็นเรื่องเกี่ยวกับสิ่งที่ซ่อนตัวอยู่ตามปกติจะได้รับการวาด ลายฉลุที่กำหนดสิ่งที่เป็นและสิ่งที่ไม่ได้วาดเรียกว่าเส้นทางตัด | clip-path="the referenced clipping path is intersected with the
referencing clipping path" clipPathUnits="'userSpaceOnUse' or 'objectBoundingBox'. The second value makes units of children a fraction of the object bounding box which uses the mask (default: 'userSpaceOnUse') " |
| <color-profile> | ระบุคำอธิบายรายละเอียดสี (เมื่อเอกสารถูกสไตล์การใช้ CSS) | local="the unique ID for a locally stored color profile" name="" rendering-intent="auto|perceptual|relative-colorimetric|saturation|absolute-colorimetric" xlink:href="the URI of an ICC profile resource" |
| <cursor> | กำหนดเคอร์เซอร์ที่กำหนดเองแพลตฟอร์ม | x="the x-axis top-left corner of the cursor (default is 0) " y="the y-axis top-left corner of the cursor (default is 0) " xlink:href="the URI of the image to use as the cursor |
| <defs> | ภาชนะสำหรับองค์ประกอบอ้างอิง | |
| <desc> | คำอธิบายข้อความเท่านั้นสำหรับองค์ประกอบภาชนะบรรจุหรือองค์ประกอบภาพใน SVG (ตัวแทนผู้ใช้อาจแสดงข้อความเป็นคำแนะนำเครื่องมือ) | |
| <ellipse> | กำหนดรูปวงรี | cx="the x-axis center of the ellipse" cy="the y-axis center of the ellipse" rx="the length of the ellipse's radius along the x-axis". Required. ry="the length of the ellipse's radius along the y-axis". Required. + presentation attributes: Color, FillStroke, Graphics |
| <feBlend> | ประกอบด้วยวัตถุทั้งสองเข้าด้วยกันตามโหมดผสมบางอย่าง | mode="the image blending modes: normal|multiply|screen|darken|lighten" in="identifies input for the given filter primitive: SourceGraphic | SourceAlpha | BackgroundImage | BackgroundAlpha | FillPaint | StrokePaint | <filter-primitive-reference>" in2="the second input image to the blending operation" |
| feColorMatrix | กรอง SVG การใช้การเปลี่ยนแปลงเมทริกซ์ | |
| feComponentTransfer | กรอง SVG ดำเนินการแมปองค์ประกอบที่ชาญฉลาดของข้อมูล | |
| feComposite | กรอง SVG | |
| feConvolveMatrix | กรอง SVG | |
| feDiffuseLighting | กรอง SVG | |
| feDisplacementMap | กรอง SVG | |
| feDistantLight | กรอง SVG กำหนดแหล่งกำเนิดแสง | |
| feFlood | กรอง SVG | |
| feFuncA | กรอง SVG องค์ประกอบย่อยจะ feComponentTransfer | |
| feFuncB | กรอง SVG องค์ประกอบย่อยจะ feComponentTransfer | |
| feFuncG | กรอง SVG องค์ประกอบย่อยจะ feComponentTransfer | |
| feFuncR | กรอง SVG องค์ประกอบย่อยจะ feComponentTransfer | |
| feGaussianBlur | กรอง SVG ดำเนินการเกาส์เบลอที่รูปภาพ | |
| feImage | กรอง SVG | |
| feMerge | กรอง SVG สร้างภาพชั้นด้านบนของแต่ละอื่น ๆ | |
| feMergeNode | กรอง SVG องค์ประกอบย่อยจะ feMerge | |
| feMorphology | กรอง SVG ดำเนินการ "fattening" หรือ "thinning" บนกราฟิกแหล่งที่มา | |
| feOffset | กรอง SVG ย้ายภาพเทียบกับตำแหน่งปัจจุบัน | |
| fePointLight | กรอง SVG | |
| feSpecularLighting | กรอง SVG | |
| feSpotLight | กรอง SVG | |
| feTile | กรอง SVG | |
| feTurbulence | กรอง SVG | |
| filter | ภาชนะสำหรับผลกระทบกรอง | |
| font | กำหนดตัวอักษร | |
| font-face | อธิบายลักษณะของตัวอักษรที่ | |
| font-face-format | ||
| font-face-name | ||
| font-face-src | ||
| font-face-uri | ||
| foreignObject | ||
| <g> | ที่ใช้ในการจัดกลุ่มองค์ประกอบ | id="the name of the group" fill="the fill color for the group" opacity="the opacity for the group" + presentation attributes: All |
| glyph | กำหนดกราฟิกสำหรับสัญลักษณ์ที่กำหนด | |
| glyphRef | กำหนดสัญลักษณ์ที่เป็นไปได้ที่จะใช้ | |
| hkern | ||
| <image> | กำหนดภาพ | x="the x-axis top-left corner of the image" y="the y-axis top-left corner of the image" width="the width of the image". Required. height="the height of the image". Required. xlink:href="the path to the image". Required. + presentation attributes: Color, Graphics, Images, Viewports |
| <line> | กำหนดบรรทัด | x1="the x start point of the line" y1="the y start point of the line" x2="the x end point of the line" y2="the y end point of the line" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <linearGradient> | กำหนดลาดเชิงเส้น เชิงเส้นไล่ระดับสีเติมวัตถุโดยใช้เวกเตอร์และสามารถกำหนดเป็นแนวนอนแนวตั้งหรือเชิงมุมการไล่ระดับสี | id="the unique id used to reference this pattern. Required to reference
it" gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'. Use the view box or object to determine relative position of vector points. (Default 'objectBoundingBox') " gradientTransform="the transformation to apply to the gradient" x1="the x start point of the gradient vector (number or % - 0% is default) " y1="the y start point of the gradient vector. (0% default) " x2="the x end point of the gradient vector. (100% default) " y2="the y end point of the gradient vector. (0% default) " spreadMethod="'pad' or 'reflect' or 'repeat'" xlink:href="reference to another gradient whose attribute values are used as defaults and stops included. Recursive" |
| <marker> | เครื่องหมายที่สามารถวางบนจุดของเส้นเส้นรูปหลายเหลี่ยมและเส้นทาง องค์ประกอบเหล่านี้สามารถใช้ marker แอตทริบิวต์ "marker-start" , "marker-mid" และ "เครื่องหมายสิ้นสุด" ซึ่งได้รับมรดกตามค่าเริ่มต้นหรือสามารถตั้งค่าให้ 'ไม่มี' หรือ URI ของเครื่องหมายที่กำหนดไว้ ครั้งแรกที่คุณต้องกำหนดเครื่องหมายก่อนที่คุณจะสามารถอ้างอิงทาง URI ของมัน ชนิดของรูปร่างใด ๆ ไม่สามารถนำภายในเครื่องหมาย พวกเขาจะวาดด้านบนขององค์ประกอบที่พวกเขาจะแนบไปกับ | markerUnits="'strokeWidth' or 'userSpaceOnUse'. If 'strokeWidth' is used
then one unit equals one stroke width. Otherwise, the marker does not scale
and uses the the same view units as the referencing element (default 'strokeWidth') " refx="the position where the marker connects with the vertex (default 0) " refy="the position where the marker connects with the vertex (default 0) " orient="'auto' or an angle to always show the marker at. 'auto' will compute an angle that makes the x-axis a tangent of the vertex (default 0) " markerWidth="the width of the marker (default 3) " markerHeight="the height of the marker (default 3) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " + presentation attributes: All |
| <mask> | กาวคือการรวมกันของค่าความทึบแสงและการตัด เช่นเดียวกับการตัดคุณสามารถใช้รูปร่างข้อความหรือเส้นทางที่กำหนดส่วนของหน้ากาก สถานะเริ่มต้นของหน้ากากมีความโปร่งใสอย่างเต็มที่ซึ่งอยู่ฝั่งตรงข้ามของเครื่องบินตัด กราฟิกในหน้ากากชุดว่าส่วนทึบแสงของหน้ากากที่มี | maskUnits="'userSpaceOnUse' or 'objectBoundingBox'. Set whether the
clipping plane is relative the full view port or object (default: 'objectBoundingBox') " maskContentUnits="Use the second with percentages to make mask graphic positions relative the object. 'userSpaceOnUse' or 'objectBoundingBox' (default: 'userSpaceOnUse') " x="the clipping plane of the mask (default: -10%) " y="the clipping plane of the mask (default: -10%) " width="the clipping plane of the mask (default: 120%) " height="the clipping plane of the mask (default: 120%) " |
| metadata | ระบุข้อมูลเมตา | |
| missing-glyph | ||
| mpath | ||
| <path> | กำหนดเส้นทาง | d="a set of commands which define the path" pathLength="If present, the path will be scaled so that the computed path length of the points equals this value" transform="a list of transformations" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <pattern> | กำหนดพิกัดที่คุณต้องการมุมมองที่จะแสดงและขนาดของมุมมอง จากนั้นคุณเพิ่มรูปทรงเข้ารูปแบบของคุณ รูปแบบซ้ำเมื่อขอบในมุมมองของกล่อง (viewing area) ถูกตี | id="the unique id used to reference this pattern." Required. patternUnits="'userSpaceOnUse' or 'objectBoundingBox'. The second value makes units of x, y, width, height a fraction (or %) of the object bounding box which uses the pattern." patternContentUnits="'userSpaceOnUse' or 'objectBoundingBox'" patternTransform="allows the whole pattern to be transformed" x="pattern's offset from the top-left corner (default 0) " y="pattern's offset from the top-left corner. (default 0) " width="the width of the pattern tile (default 100%) " height="the height of the pattern tile (default 100%) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " xlink:href="reference to another pattern whose attribute values are used as defaults and any children are inherited. Recursive" |
| <polygon> | กำหนดกราฟิกที่มีอย่างน้อยสามด้าน | points="the points of the polygon. The total number of points must be
even". Required. fill-rule="part of the FillStroke presentation attributes" + presentation attributes: Color, FillStroke, Graphics, Markers |
| <polyline> | กำหนดรูปร่างใด ๆ ที่ประกอบด้วยเส้นตรงเท่านั้น | points="the points on the polyline". Required. + presentation attributes: Color, FillStroke, Graphics, Markers |
| <radialGradient> | กำหนดรัศมีการไล่ระดับสี การไล่ระดับสีรัศมีที่ถูกสร้างขึ้นโดยการวงกลมและราบรื่นเปลี่ยนค่าระหว่างหยุดการไล่ระดับสีจากจุดโฟกัสไปยังนอกรัศมี | gradientUnits="'userSpaceOnUse' or 'objectBoundingBox'. Use the view box
or object to determine relative position of vector points. (Default 'objectBoundingBox') " gradientTransform="the transformation to apply to the gradient" cx="the center point of the gradient (number or % - 50% is default) " cy="the center point of the gradient. (50% default) " r="the radius of the gradient. (50% default) " fx="the focus point of the gradient. (0% default) " fy="The focus point of the gradient. (0% default) " spreadMethod="'pad' or 'reflect' or 'repeat'" xlink:href="Reference to another gradient whose attribute values are used as defaults and stops included. Recursive" |
| <rect> | กำหนดรูปสี่เหลี่ยมผืนผ้า | x="the x-axis top-left corner of the rectangle" y="the y-axis top-left corner of the rectangle" rx="the x-axis radius (to round the element) " ry="the y-axis radius (to round the element) " width="the width of the rectangle". Required. height="the height of the rectangle" Required. + presentation attributes: Color, FillStroke, Graphics |
| script | ภาชนะสำหรับสคริปต์ (eg, ECMAScript) | |
| set | ตั้งค่าของแอตทริบิวต์สำหรับระยะเวลาที่ระบุไว้ | |
| <stop> | จะหยุดการไล่ระดับสี | offset="the offset for this stop (0 to 1/0% to 100%) ". Required. stop-color="the color of this stop" stop-opacity="the opacity of this stop (0 to 1) " |
| style | อนุญาตให้แผ่นสไตล์ที่จะฝังโดยตรงในเนื้อหา SVG | |
| <svg> | สร้างชิ้นส่วนเอกสาร SVG | x="top left corner when embedded (default 0) " y="top left corner when embedded (default 0) " width="the width of the svg fragment (default 100%) " height="the height of the svg fragment (default 100%) " viewBox="the points "seen" in this SVG drawing area. 4 values separated by white space or commas. (min x, min y, width, height) " preserveAspectRatio="'none' or any of the 9 combinations of 'xVALYVAL' where VAL is 'min', 'mid' or 'max'. (default xMidYMid) " zoomAndPan="'magnify' or 'disable'. Magnify option allows users to pan and zoom your file (default magnify) " xml="outermost <svg> element needs to setup SVG and its namespace: xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"" + presentation attributes: All |
| switch | ||
| symbol | ||
| <text> | กำหนดข้อความ | x="a list of x-axis positions. The nth x-axis position is given to the
nth character in the text. If there are additional characters after the
positions run out they are placed after the last character. 0 is default" y="a list of y-axis positions. (see x) . 0 is default" dx="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn. (see x) " dy="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn. (see x) " rotate="a list of rotations. The nth rotation is performed on the nth character. Additional characters are NOT given the last rotation value" textLength="a target length for the text that the SVG viewer will attempt to display the text between by adjusting the spacing and/or the glyphs. (default: The text's normal length) " lengthAdjust="tells the viewer what to adjust to try to accomplish rendering the text if the length is specified. The two values are 'spacing' and 'spacingAndGlyphs'" + presentation attributes: Color, FillStroke, Graphics, FontSpecification, TextContentElements |
| textPath | ||
| title | คำอธิบายข้อความเท่านั้นสำหรับองค์ประกอบใน SVG - ไม่ได้แสดงเป็นส่วนหนึ่งของกราฟิก ตัวแทนผู้ใช้อาจแสดงข้อความเป็นคำแนะนำเครื่องมือ | |
| <tref> | อ้างอิงใด ๆ <text> องค์ประกอบในเอกสาร SVG และนำมาใช้ใหม่ | Identical to the <text> element |
| <tspan> | เหมือนกับ <text> องค์ประกอบ แต่สามารถซ้อนอยู่ภายในแท็กข้อความและภายในตัวเอง | Identical to the <text> element + in addition: xlink:href="Reference to a <text> element" |
| <use> | ใช้ URI เพื่ออ้างอิง <G> <svg> หรือองค์ประกอบกราฟิกอื่น ๆ ที่มีแอตทริบิวต์ ID ที่ไม่ซ้ำกันและทำซ้ำ สำเนาเป็นเพียงการอ้างอิงไปที่เดิมเท่านั้นดังนั้นเดิมที่มีอยู่ในเอกสาร การเปลี่ยนแปลงไปที่เดิมจะมีผลต่อสำเนาทั้งหมด | x="the x-axis top-left corner of the cloned element" y="the y-axis top-left corner of the cloned element" width="the width of the cloned element" height="the height of the cloned element" xlink:href="a URI reference to the cloned element" + presentation attributes: All |
| view | ||
| vkern |