• 跳至主要內容
  • 跳至搜尋
  • 跳至選擇語言
MDN Web Docs - MDN 文件
  • 參考資料
    • 概述 / 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 - MDN 文件

您構建更美好網際網路的藍圖。

  • Mastodon 上的 MDN
  • X (前身為 Twitter) 上的 MDN
  • GitHub 上的 MDN
  • MDN 部落格 RSS Feed

MDN

  • 關於
  • 部落格
  • 職業
  • 與我們做廣告

支援

  • 產品幫助
  • 報告問題

我們的社群

  • MDN 社群
  • MDN 論壇
  • MDN 聊天

開發者

  • Web 技術
  • 學習 Web 開發
  • MDN Plus
  • 駭客部落格
Mozilla logo - MDN 文件
  • 網站隱私宣告
  • Cookie
  • 法律
  • 社群參與指南

訪問 Mozilla 公司的 非營利母公司, Mozilla 基金會.
此內容的部分版權所有 ©1998–2024由 individual mozilla.org 貢獻者。內容根據 知識共享許可.

© . Content available under a Creative Commons license.