Skip to content

Commit 43d5d79

Browse files
committed
Edits to 4.4.1 The unaccumulated animation value of a path animation effect
--HG-- extra : rebase_source : a5cf8bcc55cfbc2d7124b0d11a7a3b7d3fed7fd4
1 parent 487dc91 commit 43d5d79

File tree

1 file changed

+49
-41
lines changed

1 file changed

+49
-41
lines changed

index.html

Lines changed: 49 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -3753,44 +3753,48 @@ <h3>The unaccumulated animation value of a path animation effect</h3>
37533753
value</a> is given by the following process:
37543754
<ol>
37553755
<li>
3756-
The <a>current element</a> and <a>element fraction</a>
3757-
are calculated by applying the process defined in
3758-
<a href='#calculating-the-current-element-and-element-fraction' class='sectionRef'>
3756+
Determine the <a>current path element</a> and
3757+
<a>element fraction</a> for the given <a>time fraction</a> using
3758+
the procedure defined in
3759+
<a href='#determining-the-current-element-and-element-fraction' class='sectionRef'>
37593760
</a>.
3760-
</li>
37613761
<li>
3762-
The <a>rotation value</a> is calculated by applying
3763-
the process defined in
3764-
<a href='#calculating-the-rotation-value-of-the-current-element' class='sectionRef'></a>.
3765-
</li>
3762+
Calculate the <a>rotation value</a> using the process defined in
3763+
<a href='#calculating-the-rotation-value-of-the-current-path-element' class='sectionRef'></a>.
37663764
<li>
3767-
Let <a>translation value</a> is calculated by
3768-
applying the process defined in
3769-
<a href='#calculating-the-translation-value-of-the-current-element' class='sectionRef'></a>.
3770-
</li>
3765+
Calculate the <a>translation value</a> using the process defined
3766+
in
3767+
<a href='#calculating-the-translation-value-of-the-current-path-element' class='sectionRef'></a>.
37713768
<li>
37723769
Let the <var>transform value</var> be the result of combining
37733770
the <a>rotation value</a> and <a> translation value</a>
37743771
by constructing a transform list consisting of the
37753772
translation value followed by the rotation value.
3776-
</li>
37773773
<li>
3778-
If the <a title='operation'>composition operation</a> is
3779-
<a title='composition operation replace'>replace</a>, then the
3780-
<a>unaccumulated animation value</a> of the effect is the
3781-
<var>transform value</var>.
3782-
</li>
3783-
<li>
3784-
Otherwise, the <a>unaccumulated animation value</a> of the
3785-
effect is the <a>underlying value</a> accumulated with the
3786-
<var>transform value</var> according to the process defined in
3787-
<a href='#the--transform-function--type' class='sectionRef'></a>.
3788-
</li>
3774+
The <a>unaccumulated animation value</a> of the <a>path animation
3775+
effect</a> depends on the value of its <a>composition
3776+
operation</a> as follows,
3777+
<dl class="switch">
3778+
<dt>If the <a>composition operation</a> of this <a>path
3779+
animation effect</a> is <a title='composition operation
3780+
replace'>replace</a>,</dt>
3781+
<dd>
3782+
the <a>unaccumulated animation value</a> of the effect is
3783+
<var>transform value</var>.
3784+
</dd>
3785+
<dt>Otherwise,</dt>
3786+
<dd>
3787+
the <a>unaccumulated animation value</a> of the effect is the
3788+
result of adding <var>transform value</var> to the
3789+
<a>underlying value</a> according to the process defined in <a
3790+
href='#the--transform-function--type' class='sectionRef'></a>.
3791+
</dd>
3792+
</dl>
37893793
</ol>
37903794
</p>
37913795
</section>
37923796
<section>
3793-
<h3>Calculating the current element and element fraction</h3>
3797+
<h3>Determining the current element and element fraction</h3>
37943798
<div class='informative'>
37953799
<p>
37963800
Each element in the path (excluding moveto elements) is allocated
@@ -3805,54 +3809,58 @@ <h3>Calculating the current element and element fraction</h3>
38053809
</p>
38063810
</div>
38073811
<p>
3808-
The <dfn>current element</dfn> and <dfn>element fraction</dfn> are
3809-
determined using the following procedure:
3812+
The <dfn>current path element</dfn> and <dfn>element fraction</dfn>
3813+
for a given <a>time fraction</a>, <var>progress</var>, are
3814+
determined by following the steps corresponding to the first matching
3815+
condition from below:
38103816
</p>
38113817
<dl class='switch'>
38123818
<dt>
3813-
If the <a>current time fraction</a> is greater than or equal to 1
3819+
If <var>progress</var> is greater than or equal to 1,
38143820
</dt>
38153821
<dd>
3816-
the <var>current element</var> is the last element in the path,
3822+
the <var>current path element</var> is the last element in the
3823+
<a>path</a>,
38173824
and the <var>element fraction</var> is 1.
38183825
</dd>
38193826
<dt>
3820-
If the <a>current time fraction</a> is less than 0
3827+
If <var>progress</var> is less than 0,
38213828
</dt>
38223829
<dd>
3823-
the <var>current element</var> is the first element in the path,
3830+
the <var>current path element</var> is the first element in the
3831+
path,
38243832
and the <var>element fraction</var> is 0.
38253833
</dd>
38263834
<dt>
3827-
Otherwise
3835+
Otherwise,
38283836
</dt>
38293837
<dd>
38303838
<ol>
38313839
<li>
38323840
Let <var>effective element list</var> be a clone of the
3833-
<a>element list</a> with all moveto elements removed.
3841+
list of <a>path elements</a> with all moveto elements removed.
38343842
</li>
38353843
<li>
3836-
Let <var>time index</var> be the <a>current time fraction</a>
3837-
multiplied by the number of elements in the <var>effective
3844+
Let <var>time index</var> be <var>progress</var>
3845+
multiplied by the number of elements in <var>effective
38383846
element list</var>.
38393847
</li>
38403848
<li>
38413849
Let <var>current element</var> be the element in the
3842-
<a>effective element list</a> at the index given by
3843-
<code>floor(<var>time index</var>)</code>.
3850+
<var>effective element list</var> at the index given by
3851+
<code>floor(<var>progress</var>)</code>.
38443852
</li>
38453853
<li>
38463854
Let <var>element fraction</var> be the value given by
3847-
<code><var>time index</var> - floor(<var>time index</var>)
3855+
<code><var>progress</var> - floor(<var>progress</var>)
38483856
</code>.
38493857
</li>
38503858
</ol>
38513859
</dd>
38523860
</dl>
38533861
</section>
38543862
<section>
3855-
<h3>Calculating the rotation value of the current element</h3>
3863+
<h3>Calculating the rotation value of the current path element</h3>
38563864
<p>
38573865
The <dfn>rotation value</dfn> of the <a>current element</a> is the
38583866
rotation produced by that element at the <a>element fraction</a>.
@@ -3925,9 +3933,9 @@ <h3>Calculating the rotation value of the current element</h3>
39253933
</p>
39263934
</section>
39273935
<section>
3928-
<h3>Calculating the translation value of the current element</h3>
3936+
<h3>Calculating the translation value of the current path element</h3>
39293937
<p>
3930-
The <dfn>translation value</dfn> of the <a>current element</a> is
3938+
The <dfn>translation value</dfn> of the <a>current path element</a> is
39313939
determined using the following process:
39323940
</p>
39333941
<ol>

0 commit comments

Comments
 (0)