From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/web/svg/attribute/keytimes/index.html | 87 ++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 files/ko/web/svg/attribute/keytimes/index.html (limited to 'files/ko/web/svg/attribute/keytimes') diff --git a/files/ko/web/svg/attribute/keytimes/index.html b/files/ko/web/svg/attribute/keytimes/index.html new file mode 100644 index 0000000000..82d6ac0dba --- /dev/null +++ b/files/ko/web/svg/attribute/keytimes/index.html @@ -0,0 +1,87 @@ +--- +title: keyTimes +slug: Web/SVG/Attribute/keyTimes +translation_of: Web/SVG/Attribute/keyTimes +--- +

« SVG Attribute reference home

+ +

keyTimes 속성은 애니메이션의 pacing을 제어하는 데 사용되는 세미콜론으로 구분 된 시간 값 목록입니다. 목록의 각 시간은 {{ SVGAttr("values") }} 속성 목록의 값에 해당하며 애니메이션에서 값이 사용되는 시기를 정의합니다. keyTimes 목록의 각 시간 값은 0과 1 사이의 부동 소수점 값으로 지정되며 애니메이션 요소의 지속 시간에 대한 비례 오프셋을 나타냅니다. 

+ +

만약 keyTimes 목록이 지정될 경우,  {{ SVGAttr("values") }} 목록에서와 같이 keyTimes 목록에 있는 값과 정확하게 일치해야합니다.

+ +

각 연속적인 시간 값은 이전 시간 값보다 크거나 같아야 합니다.

+ +

keyTimes 목록의 semantics는 interpolation 모드에 따라 다릅니다.

+ + + +

If the interpolation mode is paced, the keyTimes attribute is ignored.

+ +

If the duration is indefinite, any keyTimes specification will be ignored.

+ +

Usage context

+ + + + + + + + + + + + + + + + + + + + +
CategoriesAnimation value attribute
Value<list>
AnimatableNo
Normative documentSVG 1.1 (2nd Edition)
+ +

예제

+ +
<?xml version="1.0"?>
+<svg width="120" height="120"
+     viewPort="0 0 120 120" version="1.1"
+     xmlns="http://www.w3.org/2000/svg">
+
+    <circle cx="60" cy="10" r="10">
+
+        <animate attributeName="cx"
+                 attributeType="XML"
+                 dur="4s"
+                 values="60 ; 110 ; 60 ; 10 ; 60"
+                 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"
+                 repeatCount="indefinite"/>
+
+        <animate attributeName="cy"
+                 attributeType="XML"
+                 dur="4s"
+                 values="10 ; 60 ; 110 ; 60 ; 10 "
+                 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1"
+                 repeatCount="indefinite"/>
+
+    </circle>
+</svg>
+ +

Live sample

+ +

{{ EmbedLiveSample('Example','120','120') }}

+ +

Elements

+ +

The following elements can use the keyTimes attribute

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