Skip to content

Commit 84dfc54

Browse files
jihyerishsvgeesus
authored andcommitted
Fix the definition of offset-position
1 parent 4dfca89 commit 84dfc54

2 files changed

Lines changed: 32 additions & 30 deletions

File tree

motion-1/Overview.bs

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ This specification allows authors to specify a <a>path</a>. The object can be po
7373
</div>
7474
</div>
7575

76-
A path may consist of an <<angle>> or <<basic-shape>> like <<circle()>>, <<inset()>> or <<polygon()>>. To allow authors to specify curves and sub-paths, this specification adds the <<path()>> function in addition to the existing <<basic-shape>> functions. The <<path()>> function takes an SVG Path string as input [[!SVG2]]. As a third option, authors may reference an SVG <a>shape element</a> by <<url>> which is used as the path.
76+
A <a>path</a> may consist of an <<angle>> or <<basic-shape>> like <<circle()>>, <<inset()>> or <<polygon()>>. To allow authors to specify curves and sub-paths, this specification adds the <<path()>> function in addition to the existing <<basic-shape>> functions. The <<path()>> function takes an SVG Path string as input [[!SVG2]]. As a third option, authors may reference an SVG <a>shape element</a> by <<url>> which is used as the path.
7777

7878
<h2 id="placement">Module interactions</h2>
7979

@@ -108,7 +108,7 @@ Animatable: as <<angle>>, <<basic-shape>> or <<path()>>
108108
</pre>
109109

110110
Specifies the <a>path</a> the element gets positioned at.
111-
The element's exact position on the path is determined by the 'offset-distance' property.
111+
The element's exact position on the <a>path</a> is determined by the 'offset-distance' property.
112112
A <dfn>path</dfn> is either a specified path with one or multiple sub-paths or the geometry
113113
of a not styled basic shape.
114114
Each shape or path must define an <dfn>initial position</dfn> for the computed value of "0"
@@ -288,11 +288,11 @@ Describes the position of the element along the specified <a>path</a>.
288288

289289
<dl dfn-for="offset-distance" dfn-type="value">
290290
<dt><<length-percentage>></dt>
291-
<dd>The distance from the initial position of the shape or path to the position
291+
<dd>The distance from the initial position of the shape or <a>path</a> to the position
292292
of the element.
293293

294-
Percentages are relative to the length of the path - that is the distance between
295-
the initial position and the end position of the path.</dd>
294+
Percentages are relative to the length of the <a>path</a> - that is the distance between
295+
the initial position and the end position of the <a>path</a>.</dd>
296296
</dl>
297297
See the section <a href="#offset-processing">“Offset processing”</a> for how to process an 'offset-distance'.
298298

@@ -325,7 +325,7 @@ This example shows a way to align elements within the polar coordinate system us
325325
</div>
326326
</div>
327327

328-
<h3 id="offset-position-property">Define the initial position of the path: The 'offset-position' property</h3>
328+
<h3 id="offset-position-property">Define the starting point of the path: The 'offset-position' property</h3>
329329
<pre class='propdef'>
330330
Name: offset-position
331331
Applies to: all elements
@@ -337,7 +337,7 @@ Percentages: Refer to the size of containing block
337337
Computed value: For <<length>> the absolute value, otherwise a percentage.
338338
Animatable: as <a href="https://www.w3.org/TR/css3-transitions/#animtype-lpcalc">position</a>
339339
</pre>
340-
Specifies the initial position of the path.
340+
Specifies where the <a>path</a> starts.
341341

342342
Values are defined as follows:
343343
<dl dfn-for="offset-position" dfn-type="value">
@@ -368,9 +368,9 @@ Computed value: For <<length>> the absolute value, otherwise a percentage.
368368
Animatable: as <<position>>
369369
</pre>
370370

371-
Defines an anchor point of the element positioned along the path.
371+
Defines an anchor point of the element positioned along the <a>path</a>.
372372
The anchor specifies the point of the element which is to be considered
373-
as the point that is moved along the path.
373+
as the point that is moved along the <a>path</a>.
374374

375375
Values have the following meanings:
376376
<dl dfn-for="offset-anchor" dfn-type="value">

0 commit comments

Comments
 (0)