• 跳至主要内容
  • 跳至搜索
  • 跳至选择语言
MDN Web Docs
  • 参考资料
    • 概述 / Web 技术

      面向开发人员的 Web 技术参考

    • HTML

      网页内容结构

    • CSS

      用于描述文档样式的代码

    • JavaScript

      通用脚本语言

    • HTTP

      用于传输 Web 资源的协议

    • Web API

      用于构建 Web 应用程序的接口

    • Web 扩展

      为 Web 浏览器开发扩展

    • Web 技术

      面向开发人员的 Web 技术参考

  • 指南
    • 概述 / MDN 学习区域

      学习 Web 开发

    • MDN 学习区域

      学习 Web 开发

    • HTML

      学习使用 HTML 结构化网页内容

    • CSS

      学习使用 CSS 样式化内容

    • JavaScript

      学习在浏览器中运行脚本

    • 无障碍

      学习如何使 Web 所有人都可以访问

  • 此外
    • 概述

      个性化的 MDN 体验

    • AI 帮助

      获取实时帮助和支持

    • 更新

      一目了然地查看所有浏览器兼容性更新

    • 文档

      学习如何使用 MDN Plus

    • 常见问题解答

      关于 MDN Plus 的常见问题解答

  • 课程
  • 博客
    • 游乐场

      编写、测试和分享您的代码

    • 新
      HTTP 观测站

      免费扫描网站

    • AI 帮助

      获取实时帮助和支持

  • 登录
  • 免费注册
  1. 参考资料
  2. SVG
  3. 属性
  4. origin
    • 中文 (简体)

本文中

  • 上下文说明
  • 规范
  • 另请参阅
  1. SVG
  2. 教程
  3. 从头开始介绍 SVG
    1. 简介
    2. 入门
    3. 位置
    4. 基本形状
    5. 路径
    6. 填充和描边
    7. SVG 中的渐变
    8. 模式
    9. 文本
    10. 基本变换
    11. 裁剪和遮罩
    12. SVG 中的其他内容
    13. 滤镜效果
    14. SVG 字体
    15. SVG 图像元素
    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> — SVG 可访问名称元素
    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. 将 SVG 效果应用于 HTML 内容
    2. 内容类型
    3. 命名空间速成课程
    4. 使用 SMIL 的 SVG 动画
    5. SVG 作为图像

本文中

  • 上下文说明
  • 规范
  • 另请参阅

origin

origin 属性指定动画的运动起点。它对 SVG 无效。

您可以将此属性与以下 SVG 元素一起使用

  • <animateMotion>

上下文说明

值 default
默认值 default
可动画 否

规范

规范
SVG 动画级别 2
# OriginAttribute

另请参阅

  • SMIL 动画规范中 origin 的定义

帮助改进 MDN

了解如何贡献.

此页面最后修改于 2023 年 3 月 6 日 由 MDN 贡献者.

在 GitHub 上查看此页面 • 报告此内容的问题
MDN logo

您构建更美好互联网的蓝图。

  • Mastodon 上的 MDN
  • X (前身为 Twitter) 上的 MDN
  • GitHub 上的 MDN
  • MDN 博客 RSS Feed

MDN

  • 关于
  • 博客
  • 职业
  • 与我们做广告

支持

  • 产品帮助
  • 报告问题

我们的社区

  • MDN 社区
  • MDN 论坛
  • MDN 聊天

开发者

  • Web 技术
  • 学习 Web 开发
  • MDN Plus
  • 黑客博客
Mozilla logo
  • 网站隐私声明
  • Cookie
  • 法律
  • 社区参与指南

访问 Mozilla 公司的 非营利母公司， Mozilla 基金会.
此内容的部分版权所有 ©1998–2024由 individual mozilla.org 贡献者。内容根据 知识共享许可.