Skip to content

Latest commit

 

History

History
533 lines (462 loc) · 12.3 KB

index.md

File metadata and controls

533 lines (462 loc) · 12.3 KB
Raw
title slug l10n
SVG 属性参考
Web/SVG/Attribute
sourceCommit
7f67f81c799f3afcff118661faec6cd391308a17

{{SVGRef}}

SVG 元素可以通过属性来修改，这些属性指定有关如何处理或渲染元素的详细信息。

下面列出了 SVG 中所有的可用属性以及参考文档的链接，以帮助你了解哪些元素支持它们，以及它们如何工作。

SVG 属性（从 A-Z 排序）

A

  • {{SVGAttr("accent-height")}}
  • {{SVGAttr("accumulate")}}
  • {{SVGAttr("additive")}}
  • {{SVGAttr("alignment-baseline")}}
  • {{SVGAttr("alphabetic")}}
  • {{SVGAttr("amplitude")}}
  • {{SVGAttr("arabic-form")}}
  • {{SVGAttr("ascent")}}
  • {{SVGAttr("attributeName")}}
  • {{SVGAttr("attributeType")}}
  • {{SVGAttr("azimuth")}}

B

  • {{SVGAttr("baseFrequency")}}
  • {{SVGAttr("baseline-shift")}}
  • {{SVGAttr("baseProfile")}}
  • {{SVGAttr("bbox")}}
  • {{SVGAttr("begin")}}
  • {{SVGAttr("bias")}}
  • {{SVGAttr("by")}}

C

  • {{SVGAttr("calcMode")}}
  • {{SVGAttr("cap-height")}}
  • {{SVGAttr("class")}}
  • {{SVGAttr("clip")}}
  • {{SVGAttr("clipPathUnits")}}
  • {{SVGAttr("clip-path")}}
  • {{SVGAttr("clip-rule")}}
  • {{SVGAttr("color")}}
  • {{SVGAttr("color-interpolation")}}
  • {{SVGAttr("color-interpolation-filters")}}
  • {{SVGAttr("color-profile")}}
  • {{SVGAttr("color-rendering")}}
  • {{SVGAttr("crossorigin")}}
  • {{SVGAttr("cursor")}}
  • {{SVGAttr("cx")}}
  • {{SVGAttr("cy")}}

D

  • {{SVGAttr("d")}}
  • {{SVGAttr("decelerate")}}
  • {{SVGAttr("descent")}}
  • {{SVGAttr("diffuseConstant")}}
  • {{SVGAttr("direction")}}
  • {{SVGAttr("display")}}
  • {{SVGAttr("divisor")}}
  • {{SVGAttr("dominant-baseline")}}
  • {{SVGAttr("dur")}}
  • {{SVGAttr("dx")}}
  • {{SVGAttr("dy")}}

E

  • {{SVGAttr("edgeMode")}}
  • {{SVGAttr("elevation")}}
  • {{SVGAttr("end")}}
  • {{SVGAttr("exponent")}}

F

  • {{SVGAttr("fill")}}
  • {{SVGAttr("fill-opacity")}}
  • {{SVGAttr("fill-rule")}}
  • {{SVGAttr("filter")}}
  • {{SVGAttr("filterUnits")}}
  • {{SVGAttr("flood-color")}}
  • {{SVGAttr("flood-opacity")}}
  • {{SVGAttr("font-family")}}
  • {{SVGAttr("font-size")}}
  • {{SVGAttr("font-size-adjust")}}
  • {{SVGAttr("font-stretch")}}
  • {{SVGAttr("font-style")}}
  • {{SVGAttr("font-variant")}}
  • {{SVGAttr("font-weight")}}
  • {{SVGAttr("format")}}
  • {{SVGAttr("from")}}
  • {{SVGAttr("fr")}}
  • {{SVGAttr("fx")}}
  • {{SVGAttr("fy")}}

G

  • {{SVGAttr("g1")}}
  • {{SVGAttr("g2")}}
  • {{SVGAttr("glyph-name")}}
  • {{SVGAttr("glyph-orientation-horizontal")}}
  • {{SVGAttr("glyph-orientation-vertical")}}
  • {{SVGAttr("glyphRef")}}
  • {{SVGAttr("gradientTransform")}}
  • {{SVGAttr("gradientUnits")}}

H

  • {{SVGAttr("hanging")}}
  • {{SVGAttr("height")}}
  • {{SVGAttr("href")}}
  • {{SVGAttr("hreflang")}}
  • {{SVGAttr("horiz-adv-x")}}
  • {{SVGAttr("horiz-origin-x")}}

I

  • {{SVGAttr("id")}}
  • {{SVGAttr("ideographic")}}
  • {{SVGAttr("image-rendering")}}
  • {{SVGAttr("in")}}
  • {{SVGAttr("in2")}}
  • {{SVGAttr("intercept")}}

K

  • {{SVGAttr("k")}}
  • {{SVGAttr("k1")}}
  • {{SVGAttr("k2")}}
  • {{SVGAttr("k3")}}
  • {{SVGAttr("k4")}}
  • {{SVGAttr("kernelMatrix")}}
  • {{SVGAttr("kernelUnitLength")}}
  • {{SVGAttr("kerning")}}
  • {{SVGAttr("keyPoints")}}
  • {{SVGAttr("keySplines")}}
  • {{SVGAttr("keyTimes")}}

L

  • {{SVGAttr("lang")}}
  • {{SVGAttr("lengthAdjust")}}
  • {{SVGAttr("letter-spacing")}}
  • {{SVGAttr("lighting-color")}}
  • {{SVGAttr("limitingConeAngle")}}
  • {{SVGAttr("local")}}

M

  • {{SVGAttr("marker-end")}}
  • {{SVGAttr("marker-mid")}}
  • {{SVGAttr("marker-start")}}
  • {{SVGAttr("markerHeight")}}
  • {{SVGAttr("markerUnits")}}
  • {{SVGAttr("markerWidth")}}
  • {{SVGAttr("mask")}}
  • {{SVGAttr("maskContentUnits")}}
  • {{SVGAttr("maskUnits")}}
  • {{SVGAttr("mathematical")}}
  • {{SVGAttr("max")}}
  • {{SVGAttr("media")}}
  • {{SVGAttr("method")}}
  • {{SVGAttr("min")}}
  • {{SVGAttr("mode")}}

N

  • {{SVGAttr("name")}}
  • {{SVGAttr("numOctaves")}}

O

  • {{SVGAttr("offset")}}
  • {{SVGAttr("opacity")}}
  • {{SVGAttr("operator")}}
  • {{SVGAttr("order")}}
  • {{SVGAttr("orient")}}
  • {{SVGAttr("orientation")}}
  • {{SVGAttr("origin")}}
  • {{SVGAttr("overflow")}}
  • {{SVGAttr("overline-position")}}
  • {{SVGAttr("overline-thickness")}}

P

  • {{SVGAttr("panose-1")}}
  • {{SVGAttr("paint-order")}}
  • {{SVGAttr("path")}}
  • {{SVGAttr("pathLength")}}
  • {{SVGAttr("patternContentUnits")}}
  • {{SVGAttr("patternTransform")}}
  • {{SVGAttr("patternUnits")}}
  • {{SVGAttr("ping")}}
  • {{SVGAttr("pointer-events")}}
  • {{SVGAttr("points")}}
  • {{SVGAttr("pointsAtX")}}
  • {{SVGAttr("pointsAtY")}}
  • {{SVGAttr("pointsAtZ")}}
  • {{SVGAttr("preserveAlpha")}}
  • {{SVGAttr("preserveAspectRatio")}}
  • {{SVGAttr("primitiveUnits")}}

R

  • {{SVGAttr("r")}}
  • {{SVGAttr("radius")}}
  • {{SVGAttr("referrerPolicy")}}
  • {{SVGAttr("refX")}}
  • {{SVGAttr("refY")}}
  • {{SVGAttr("rel")}}
  • {{SVGAttr("rendering-intent")}}
  • {{SVGAttr("repeatCount")}}
  • {{SVGAttr("repeatDur")}}
  • {{SVGAttr("requiredExtensions")}}
  • {{SVGAttr("requiredFeatures")}}
  • {{SVGAttr("restart")}}
  • {{SVGAttr("result")}}
  • {{SVGAttr("rotate")}}
  • {{SVGAttr("rx")}}
  • {{SVGAttr("ry")}}

S

  • {{SVGAttr("scale")}}
  • {{SVGAttr("seed")}}
  • {{SVGAttr("shape-rendering")}}
  • {{SVGAttr("slope")}}
  • {{SVGAttr("spacing")}}
  • {{SVGAttr("specularConstant")}}
  • {{SVGAttr("specularExponent")}}
  • {{SVGAttr("speed")}}
  • {{SVGAttr("spreadMethod")}}
  • {{SVGAttr("startOffset")}}
  • {{SVGAttr("stdDeviation")}}
  • {{SVGAttr("stemh")}}
  • {{SVGAttr("stemv")}}
  • {{SVGAttr("stitchTiles")}}
  • {{SVGAttr("stop-color")}}
  • {{SVGAttr("stop-opacity")}}
  • {{SVGAttr("strikethrough-position")}}
  • {{SVGAttr("strikethrough-thickness")}}
  • {{SVGAttr("string")}}
  • {{SVGAttr("stroke")}}
  • {{SVGAttr("stroke-dasharray")}}
  • {{SVGAttr("stroke-dashoffset")}}
  • {{SVGAttr("stroke-linecap")}}
  • {{SVGAttr("stroke-linejoin")}}
  • {{SVGAttr("stroke-miterlimit")}}
  • {{SVGAttr("stroke-opacity")}}
  • {{SVGAttr("stroke-width")}}
  • {{SVGAttr("style")}}
  • {{SVGAttr("surfaceScale")}}
  • {{SVGAttr("systemLanguage")}}

T

  • {{SVGAttr("tabindex")}}
  • {{SVGAttr("tableValues")}}
  • {{SVGAttr("target")}}
  • {{SVGAttr("targetX")}}
  • {{SVGAttr("targetY")}}
  • {{SVGAttr("text-anchor")}}
  • {{SVGAttr("text-decoration")}}
  • {{SVGAttr("text-rendering")}}
  • {{SVGAttr("textLength")}}
  • {{SVGAttr("to")}}
  • {{SVGAttr("transform")}}
  • {{SVGAttr("transform-origin")}}
  • {{SVGAttr("type")}}

U

  • {{SVGAttr("u1")}}
  • {{SVGAttr("u2")}}
  • {{SVGAttr("underline-position")}}
  • {{SVGAttr("underline-thickness")}}
  • {{SVGAttr("unicode")}}
  • {{SVGAttr("unicode-bidi")}}
  • {{SVGAttr("unicode-range")}}
  • {{SVGAttr("units-per-em")}}

V

  • {{SVGAttr("v-alphabetic")}}
  • {{SVGAttr("v-hanging")}}
  • {{SVGAttr("v-ideographic")}}
  • {{SVGAttr("v-mathematical")}}
  • {{SVGAttr("values")}}
  • {{SVGAttr("vector-effect")}}
  • {{SVGAttr("version")}}
  • {{SVGAttr("vert-adv-y")}}
  • {{SVGAttr("vert-origin-x")}}
  • {{SVGAttr("vert-origin-y")}}
  • {{SVGAttr("viewBox")}}
  • {{SVGAttr("visibility")}}

W

  • {{SVGAttr("width")}}
  • {{SVGAttr("widths")}}
  • {{SVGAttr("word-spacing")}}
  • {{SVGAttr("writing-mode")}}

X

  • {{SVGAttr("x")}}
  • {{SVGAttr("x-height")}}
  • {{SVGAttr("x1")}}
  • {{SVGAttr("x2")}}
  • {{SVGAttr("xChannelSelector")}}
  • {{SVGAttr("xlink:actuate")}}
  • {{SVGAttr("xlink:arcrole")}}
  • {{SVGAttr("xlink:href")}}{{deprecated_inline}}
  • {{SVGAttr("xlink:role")}}
  • {{SVGAttr("xlink:show")}}
  • {{SVGAttr("xlink:title")}}
  • {{SVGAttr("xlink:type")}}
  • {{SVGAttr("xml:base")}}
  • {{SVGAttr("xml:lang")}}
  • {{SVGAttr("xml:space")}}

Y

  • {{SVGAttr("y")}}
  • {{SVGAttr("y1")}}
  • {{SVGAttr("y2")}}
  • {{SVGAttr("yChannelSelector")}}

Z

  • {{SVGAttr("z")}}
  • {{SVGAttr("zoomAndPan")}}

SVG 属性（按类别分类）

通用属性

  • 核心属性

    • {{SVGAttr("id")}}
    • {{SVGAttr("class")}}
    • {{SVGAttr("style")}}
    • {{SVGAttr("lang")}}
    • {{SVGAttr("tabindex")}}
    • {{SVGAttr("xml:base")}}
    • {{SVGAttr("xml:lang")}}
    • {{SVGAttr("xml:space")}}

  • 条件处理属性

    • {{SVGAttr("requiredExtensions")}}
    • {{SVGAttr("requiredFeatures")}}
    • {{SVGAttr("systemLanguage")}}

XLink 属性

  • {{SVGAttr("xlink:href")}}{{deprecated_inline}}
  • {{SVGAttr("xlink:type")}}
  • {{SVGAttr("xlink:role")}}
  • {{SVGAttr("xlink:arcrole")}}
  • {{SVGAttr("xlink:title")}}
  • {{SVGAttr("xlink:show")}}
  • {{SVGAttr("xlink:actuate")}}

表现属性

Note

所有 SVG 表现属性都可以作为 CSS 属性来使用。

  • {{SVGAttr("alignment-baseline")}}
  • {{SVGAttr("baseline-shift")}}
  • {{SVGAttr("clip")}}
  • {{SVGAttr("clip-path")}}
  • {{SVGAttr("clip-rule")}}
  • {{SVGAttr("color")}}
  • {{SVGAttr("color-interpolation")}}
  • {{SVGAttr("color-interpolation-filters")}}
  • {{SVGAttr("color-profile")}}
  • {{SVGAttr("color-rendering")}}
  • {{SVGAttr("cursor")}}
  • {{SVGAttr("d")}}
  • {{SVGAttr("direction")}}
  • {{SVGAttr("display")}}
  • {{SVGAttr("dominant-baseline")}}
  • {{SVGAttr("fill")}}
  • {{SVGAttr("fill-opacity")}}
  • {{SVGAttr("fill-rule")}}
  • {{SVGAttr("filter")}}
  • {{SVGAttr("flood-color")}}
  • {{SVGAttr("flood-opacity")}}
  • {{SVGAttr("font-family")}}
  • {{SVGAttr("font-size")}}
  • {{SVGAttr("font-size-adjust")}}
  • {{SVGAttr("font-stretch")}}
  • {{SVGAttr("font-style")}}
  • {{SVGAttr("font-variant")}}
  • {{SVGAttr("font-weight")}}
  • {{SVGAttr("glyph-orientation-horizontal")}}
  • {{SVGAttr("glyph-orientation-vertical")}}
  • {{SVGAttr("image-rendering")}}
  • {{SVGAttr("kerning")}}
  • {{SVGAttr("letter-spacing")}}
  • {{SVGAttr("lighting-color")}}
  • {{SVGAttr("marker-end")}}
  • {{SVGAttr("marker-mid")}}
  • {{SVGAttr("marker-start")}}
  • {{SVGAttr("mask")}}
  • {{SVGAttr("opacity")}}
  • {{SVGAttr("overflow")}}
  • {{SVGAttr("pointer-events")}}
  • {{SVGAttr("shape-rendering")}}
  • {{SVGAttr("stop-color")}}
  • {{SVGAttr("stop-opacity")}}
  • {{SVGAttr("stroke")}}
  • {{SVGAttr("stroke-dasharray")}}
  • {{SVGAttr("stroke-dashoffset")}}
  • {{SVGAttr("stroke-linecap")}}
  • {{SVGAttr("stroke-linejoin")}}
  • {{SVGAttr("stroke-miterlimit")}}
  • {{SVGAttr("stroke-opacity")}}
  • {{SVGAttr("stroke-width")}}
  • {{SVGAttr("text-anchor")}}
  • {{SVGAttr("text-decoration")}}
  • {{SVGAttr("text-rendering")}}
  • {{SVGAttr("transform")}}
  • {{SVGAttr("transform-origin")}}
  • {{SVGAttr("unicode-bidi")}}
  • {{SVGAttr("vector-effect")}}
  • {{SVGAttr("visibility")}}
  • {{SVGAttr("word-spacing")}}
  • {{SVGAttr("writing-mode")}}

滤镜属性

  • 滤镜原语属性
    • : {{SVGAttr("height")}}、{{SVGAttr("result")}}、{{SVGAttr("width")}}、{{SVGAttr("x")}}、{{SVGAttr("y")}}
  • 传递函数属性
    • : {{SVGAttr("type")}}、{{SVGAttr("tableValues")}}、{{SVGAttr("slope")}}、{{SVGAttr("intercept")}}、{{SVGAttr("amplitude")}}、{{SVGAttr("exponent")}}、{{SVGAttr("offset")}}

动画属性

  • 动画目标元素属性
    • : {{SVGAttr("href")}}
  • 动画属性目标属性
    • : {{SVGAttr("attributeType")}}、{{SVGAttr("attributeName")}}
  • 动画时间属性
    • : {{SVGAttr("begin")}}、{{SVGAttr("dur")}}、{{SVGAttr("end")}}、{{SVGAttr("min")}}、{{SVGAttr("max")}}、{{SVGAttr("restart")}}、{{SVGAttr("repeatCount")}}、{{SVGAttr("repeatDur")}}、{{SVGAttr("fill")}}
  • 动画取值属性
    • : {{SVGAttr("calcMode")}}、{{SVGAttr("values")}}、{{SVGAttr("keyTimes")}}、{{SVGAttr("keySplines")}}、{{SVGAttr("from")}}、{{SVGAttr("to")}}、{{SVGAttr("by")}}、{{SVGAttr("autoReverse")}}、{{SVGAttr("accelerate")}}、{{SVGAttr("decelerate")}}
  • 动画累加属性
    • : {{SVGAttr("additive")}}、{{SVGAttr("accumulate")}}

事件属性

  • onabort
  • onactivate
  • onbegin
  • oncancel
  • oncanplay
  • oncanplaythrough
  • onchange
  • onclick
  • onclose
  • oncuechange
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • ondurationchange
  • onemptied
  • onend
  • onended
  • onerror
  • onerror
  • onfocus
  • onfocusin
  • onfocusout
  • oninput
  • oninvalid
  • onkeydown
  • onkeypress
  • onkeyup
  • onload
  • onloadeddata
  • onloadedmetadata
  • onloadstart
  • onmousedown
  • onmouseenter
  • onmouseleave
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onmousewheel
  • onpause
  • onplay
  • onplaying
  • onprogress
  • onratechange
  • onrepeat
  • onreset
  • onresize
  • onresize
  • onscroll
  • onscroll
  • onseeked
  • onseeking
  • onselect
  • onshow
  • onstalled
  • onsubmit
  • onsuspend
  • ontimeupdate
  • ontoggle
  • onunload
  • onvolumechange
  • onwaiting

参见