From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/zh-cn/web/svg/attribute/max/index.html | 91 ++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 files/zh-cn/web/svg/attribute/max/index.html (limited to 'files/zh-cn/web/svg/attribute/max') diff --git a/files/zh-cn/web/svg/attribute/max/index.html b/files/zh-cn/web/svg/attribute/max/index.html new file mode 100644 index 0000000000..1c21348b7e --- /dev/null +++ b/files/zh-cn/web/svg/attribute/max/index.html @@ -0,0 +1,91 @@ +--- +title: max +slug: Web/SVG/Attribute/max +translation_of: Web/SVG/Attribute/max +--- +
{{SVGRef}}
+ +

The max attribute specifies the maximum value of the active animation duration.

+ +

Five elements are using this attribute: {{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateMotion")}}, {{SVGElement("animateTransform")}}, and {{SVGElement("set")}}

+ +
+ + +
<svg viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="60" cy="10" r="10">
+    <animate attributeName="cx" dur="4s" max="6s" repeatCount="indefinite"
+        values="60 ; 110 ; 60 ; 10 ; 60" keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/>
+    <animate attributeName="cy" dur="4s" max="6s" repeatCount="indefinite"
+        values="10 ; 60 ; 110 ; 60 ; 10" keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"/>
+  </circle>
+</svg>
+ +

{{EmbedLiveSample("topExample", "200", "200")}}

+
+ +

Usage notes

+ + + + + + + + + + + + + + + + +
Value<clock-value>
Default valueNone
AnimatableNo
+ +
+
<clock-value>
+
+

Specifies the length of the maximum value of the active duration, measured in local time. The value must be greater than 0.

+
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName("SVG Animations 2", "#MaxAttribute", "max")}}{{Spec2("SVG Animations 2")}}No change
{{SpecName("SVG1.1", "animate.html#MaxAttribute", "max")}}{{Spec2("SVG1.1")}}Initial definition
+ +

Browser compatibility

+ + + +

{{Compat("svg.elements.animate.max")}}

+ +

See also

+ + -- cgit v1.2.3-54-g00ecf