• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Web Technology

      Web technology reference for developers

  • Guides
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 面向开发者的 Web 技术
  2. SVG：可缩放矢量图形
  3. SVG 属性参考
  4. origin
    • English (US)
    • Deutsch

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

在本文中

  • 总体注释
  • 规范
  • 参见
  1. SVG：可缩放矢量图形
  2. 教程
  3. 从零开始介绍 SVG
    1. 引言
    2. 入门
    3. 坐标定位
    4. 基本形状
    5. 路径
    6. 填充和边框
    7. 渐变
    8. Patterns
    9. 文本
    10. 基础变形
    11. 剪切和遮罩
    12. 其他 SVG 内容
    13. 滤镜效果
    14. SVG 字体
    15. SVG image 元素
    16. SVG 工具
    17. SVG 和 CSS
  4. 参考
  5. 元素
    1. a
    2. <animate>
    3. animateMotion
    4. animateTransform
    5. circle
    6. clipPath
    7. cursor 已弃用
    8. defs
    9. desc
    10. ellipse
    11. <feBlend>
    12. feColorMatrix
    13. feComponentTransfer
    14. feComposite
    15. <feConvolveMatrix>
    16. feDiffuseLighting
    17. feDisplacementMap
    18. feDistantLight
    19. <feDropShadow>
    20. <feFlood>
    21. <feFuncA>
    22. <feFuncB>
    23. <feFuncG>
    24. <feFuncR>
    25. feGaussianBlur
    26. <feImage>
    27. feMerge
    28. feMergeNode
    29. <feMorphology>
    30. feOffset
    31. fePointLight
    32. feSpecularLighting
    33. feSpotLight
    34. <feTile>
    35. feTurbulence
    36. filter
    37. <font-face-format> 已弃用
    38. <font-face-name> 已弃用
    39. <font-face-src> 已弃用
    40. <font-face-uri> 已弃用
    41. <font-face> 已弃用
    42. <font> 已弃用
    43. foreignObject
    44. g
    45. glyph 已弃用
    46. glyphRef 已弃用
    47. hkern 已弃用
    48. <image>
    49. line
    50. linearGradient
    51. <marker>
    52. mask
    53. metadata
    54. <missing-glyph> 已弃用
    55. mpath
    56. path
    57. pattern
    58. polygon
    59. polyline
    60. <radialGradient>
    61. rect
    62. script
    63. set
    64. stop
    65. style
    66. svg
    67. switch
    68. symbol
    69. text
    70. textPath
    71. title
    72. tref 已弃用
    73. tspan
    74. use
    75. <view>
    76. <vkern> 已弃用
  6. 属性
    1. accent-height 已弃用
    2. accumulate
    3. additive
    4. alignment-baseline
    5. alphabetic 已弃用
    6. amplitude
    7. arabic-form 已弃用
    8. ascent 已弃用
    9. attributeName
    10. attributeType 已弃用
    11. azimuth
    12. baseFrequency
    13. baseline-shift
    14. baseProfile 已弃用
    15. bbox 已弃用
    16. begin
    17. bias
    18. by
    19. calcMode
    20. cap-height 已弃用
    21. class
    22. clip 已弃用
    23. clip-path
    24. clip-rule
    25. clipPathUnits
    26. color
    27. color-interpolation
    28. color-interpolation-filters
    29. cursor
    30. cx
    31. cy
    32. d
    33. data-*
    34. decoding
    35. descent 已弃用
    36. diffuseConstant
    37. direction
    38. display
    39. divisor
    40. dominant-baseline
    41. dur
    42. dx
    43. dy
    44. edgeMode
    45. elevation
    46. end
    47. exponent
    48. fill
    49. fill-opacity
    50. fill-rule
    51. filter
    52. filterUnits
    53. flood-color
    54. flood-opacity
    55. font-family
    56. font-size
    57. font-size-adjust
    58. font-stretch
    59. font-style
    60. font-variant
    61. font-weight
    62. fr
    63. from
    64. fx
    65. fy
    66. g1 已弃用
    67. g2 已弃用
    68. glyph-name 已弃用
    69. glyph-orientation-horizontal 已弃用
    70. glyph-orientation-vertical 已弃用
    71. gradientTransform
    72. gradientUnits
    73. hanging 已弃用
    74. height
    75. horiz-adv-x 已弃用
    76. horiz-origin-x 已弃用
    77. horiz-origin-y 已弃用
    78. href
    79. id
    80. ideographic 已弃用
    81. image-rendering
    82. in
    83. in2
    84. intercept
    85. k 已弃用
    86. k1
    87. k2
    88. k3
    89. k4
    90. kernelMatrix
    91. kernelUnitLength
    92. keyPoints
    93. keySplines
    94. keyTimes
    95. lang
    96. lengthAdjust
    97. letter-spacing
    98. lighting-color
    99. limitingConeAngle
    100. marker-end
    101. marker-mid
    102. marker-start
    103. markerHeight
    104. markerUnits
    105. markerWidth
    106. mask
    107. maskContentUnits
    108. maskUnits
    109. mathematical 已弃用
    110. max
    111. media
    112. method 实验性
    113. min
    114. mode
    115. name 已弃用
    116. numOctaves
    117. opacity
    118. operator
    119. order
    120. orient
    121. orientation 已弃用
    122. origin
    123. overflow
    124. overline-position
    125. overline-thickness
    126. paint-order
    127. panose-1 已弃用
    128. path
    129. pathLength
    130. patternContentUnits
    131. patternTransform
    132. patternUnits
    133. pointer-events
    134. points
    135. pointsAtX
    136. pointsAtY
    137. pointsAtZ
    138. preserveAlpha
    139. preserveAspectRatio
    140. primitiveUnits
    141. r
    142. radius
    143. refX
    144. refY
    145. repeatCount
    146. repeatDur
    147. requiredFeatures 已弃用
    148. restart
    149. result
    150. rotate 实验性
    151. rx
    152. ry
    153. scale
    154. seed
    155. shape-rendering
    156. side 实验性
    157. slope
    158. spacing
    159. specularConstant
    160. specularExponent
    161. spreadMethod
    162. startOffset
    163. stdDeviation
    164. stemh 已弃用
    165. stemv 已弃用
    166. stitchTiles
    167. stop-color
    168. stop-opacity
    169. strikethrough-position
    170. strikethrough-thickness
    171. string 已弃用
    172. stroke
    173. stroke-dasharray
    174. stroke-dashoffset
    175. stroke-linecap
    176. stroke-linejoin
    177. stroke-miterlimit
    178. stroke-opacity
    179. stroke-width
    180. style
    181. surfaceScale
    182. SVG attribute: crossorigin
    183. systemLanguage
    184. tabindex
    185. tableValues
    186. target
    187. targetX
    188. targetY
    189. text-anchor
    190. text-decoration
    191. text-rendering
    192. textLength
    193. to
    194. transform
    195. transform-origin
    196. type
    197. u1 已弃用
    198. u2 已弃用
    199. underline-position
    200. underline-thickness
    201. unicode 已弃用
    202. unicode-bidi
    203. unicode-range 已弃用
    204. units-per-em 已弃用
    205. v-alphabetic 已弃用
    206. v-hanging 已弃用
    207. v-ideographic 已弃用
    208. v-mathematical 已弃用
    209. values
    210. vector-effect
    211. version 已弃用
    212. vert-adv-y 已弃用
    213. vert-origin-x 已弃用
    214. vert-origin-y 已弃用
    215. viewBox
    216. visibility
    217. width
    218. widths 已弃用
    219. word-spacing
    220. writing-mode
    221. x
    222. x-height 已弃用
    223. x1
    224. x2
    225. xChannelSelector
    226. xlink:arcrole 已弃用
    227. xlink:href 已弃用
    228. xlink:show 已弃用
    229. xlink:title 已弃用
    230. xlink:type 已弃用
    231. xml:lang 已弃用
    232. xml:space 已弃用
    233. y
    234. y1
    235. y2
    236. yChannelSelector
    237. z
    238. zoomAndPan 已弃用
  7. 指南
    1. 在 HTML 内容中应用 SVG 效果
    2. 内容类型
    3. Namespaces Crash Course
    4. 使用 SMIL 的 SVG 动画
    5. 作为图片的 SVG

在本文中

  • 总体注释
  • 规范
  • 参见

origin

该 origin 属性指定动画的运动原点。在 SVG 中无效。

只有一个元素正在使用此属性：<animateMotion>

总体注释

值 default
默认值 default
可动画的 没有

规范

Specification
SVG Animations Level 2
# OriginAttribute

参见

  • originSMIL 动画规范中的定义

Help improve MDN

Learn how to contribute.

This page was last modified on 2023年4月10日 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
Mozilla logo
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2024 by individual mozilla.org contributors. Content available under a Creative Commons license.