origin
The origin
attribute specifies the origin of motion for an animation. It has no effect in SVG.
You can use this attribute with the following SVG elements:
Context notes
Value | default |
---|---|
Default value | default |
Animatable | No |
<a>
<animate>
<animateMotion>
<animateTransform>
<circle>
<clipPath>
<cursor>
Deprecated
<defs>
<desc>
<discard>
Experimental
<ellipse>
<feBlend>
<feColorMatrix>
<feComponentTransfer>
<feComposite>
<feConvolveMatrix>
<feDiffuseLighting>
<feDisplacementMap>
<feDistantLight>
<feDropShadow>
<feFlood>
<feFuncA>
<feFuncB>
<feFuncG>
<feFuncR>
<feGaussianBlur>
<feImage>
<feMerge>
<feMergeNode>
<feMorphology>
<feOffset>
<fePointLight>
<feSpecularLighting>
<feSpotLight>
<feTile>
<feTurbulence>
<filter>
<font-face-format>
Deprecated
<font-face-name>
Deprecated
<font-face-src>
Deprecated
<font-face-uri>
Deprecated
<font-face>
Deprecated
<font>
Deprecated
<foreignObject>
<g>
<glyph>
Deprecated
<glyphRef>
Deprecated
<hkern>
Deprecated
<image>
<line>
<linearGradient>
<marker>
<mask>
<metadata>
<missing-glyph>
Deprecated
<mpath>
<path>
<pattern>
<polygon>
<polyline>
<radialGradient>
<rect>
<script>
<set>
<stop>
<style>
<svg>
<switch>
<symbol>
<text>
<textPath>
<title>
<tref>
Deprecated
<tspan>
<use>
<view>
<vkern>
Deprecated
accent-height
Deprecated
accumulate
additive
alignment-baseline
alphabetic
Deprecated
amplitude
arabic-form
Deprecated
ascent
Deprecated
attributeName
attributeType
Deprecated
azimuth
baseFrequency
baseline-shift
baseProfile
Deprecated
bbox
Deprecated
begin
bias
by
calcMode
cap-height
Deprecated
class
clip
Deprecated
clip-path
clip-rule
clipPathUnits
color
color-interpolation
color-interpolation-filters
cursor
cx
cy
d
data-*
decoding
descent
Deprecated
diffuseConstant
direction
display
divisor
dominant-baseline
dur
dx
dy
edgeMode
elevation
end
exponent
fill
fill-opacity
fill-rule
filter
filterUnits
flood-color
flood-opacity
font-family
font-size
font-size-adjust
font-stretch
Deprecated
font-style
font-variant
font-weight
fr
from
fx
fy
g1
Deprecated
g2
Deprecated
glyph-name
Deprecated
glyph-orientation-horizontal
Deprecated
glyph-orientation-vertical
Deprecated
gradientTransform
gradientUnits
hanging
Deprecated
height
horiz-adv-x
Deprecated
horiz-origin-x
Deprecated
horiz-origin-y
Deprecated
href
id
ideographic
Deprecated
image-rendering
in
in2
intercept
k
Deprecated
k1
k2
k3
k4
kernelMatrix
kernelUnitLength
keyPoints
keySplines
keyTimes
lang
lengthAdjust
letter-spacing
lighting-color
limitingConeAngle
marker-end
marker-mid
marker-start
markerHeight
markerUnits
markerWidth
mask
maskContentUnits
maskUnits
mathematical
Deprecated
max
media
method
Experimental
min
mode
name
Deprecated
numOctaves
opacity
operator
order
orient
orientation
Deprecated
origin
overflow
overline-position
overline-thickness
paint-order
panose-1
Deprecated
path
pathLength
patternContentUnits
patternTransform
patternUnits
pointer-events
points
pointsAtX
pointsAtY
pointsAtZ
preserveAlpha
preserveAspectRatio
primitiveUnits
r
radius
refX
refY
repeatCount
repeatDur
requiredFeatures
Deprecated
restart
result
rotate
Experimental
rx
ry
scale
seed
shape-rendering
side
Experimental
slope
spacing
specularConstant
specularExponent
spreadMethod
startOffset
stdDeviation
stemh
Deprecated
stemv
Deprecated
stitchTiles
stop-color
stop-opacity
strikethrough-position
strikethrough-thickness
string
Deprecated
stroke
stroke-dasharray
stroke-dashoffset
stroke-linecap
stroke-linejoin
stroke-miterlimit
stroke-opacity
stroke-width
style
surfaceScale
SVG attribute: crossorigin
systemLanguage
tabindex
tableValues
target
targetX
targetY
text-anchor
text-decoration
text-rendering
textLength
to
transform
transform-origin
type
u1
Deprecated
u2
Deprecated
underline-position
underline-thickness
unicode
Deprecated
unicode-bidi
unicode-range
Deprecated
units-per-em
Deprecated
v-alphabetic
Deprecated
v-hanging
Deprecated
v-ideographic
Deprecated
v-mathematical
Deprecated
values
vector-effect
version
Deprecated
vert-adv-y
Deprecated
vert-origin-x
Deprecated
vert-origin-y
Deprecated
viewBox
visibility
width
widths
Deprecated
word-spacing
writing-mode
x
x-height
Deprecated
x1
x2
xChannelSelector
xlink:arcrole
Deprecated
xlink:href
Deprecated
xlink:show
Deprecated
xlink:title
Deprecated
xlink:type
Deprecated
xml:lang
Deprecated
xml:space
Deprecated
y
y1
y2
yChannelSelector
z
zoomAndPan
Deprecated
The origin
attribute specifies the origin of motion for an animation. It has no effect in SVG.
You can use this attribute with the following SVG elements:
Value | default |
---|---|
Default value | default |
Animatable | No |
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.