[html5] r8562 - [e] (0) Clean up wording in stroke logic Affected topics: Canvas
whatwg at whatwg.org
whatwg at whatwg.org
Wed Apr 2 15:47:08 PDT 2014
Author: ianh
Date: 2014-04-02 15:47:04 -0700 (Wed, 02 Apr 2014)
New Revision: 8562
Modified:
complete.html
index
source
Log:
[e] (0) Clean up wording in stroke logic
Affected topics: Canvas
Modified: complete.html
===================================================================
--- complete.html 2014-04-02 19:17:52 UTC (rev 8561)
+++ complete.html 2014-04-02 22:47:04 UTC (rev 8562)
@@ -55679,8 +55679,9 @@
<p><i>Convert</i>: This is the step that converts the path to a new path that represents its
stroke.</p>
+<!--CLEANUP-->
<p>Create a new <a href=#concept-path title=concept-path>path</a> that describes the edge of the areas that
- would be covered if a straight line of length equal to the <var title="">styles</var> <code title=dom-context-2d-lineWidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> was swept along each path in <var title="">path</var> while being kept at an angle such that the line is orthogonal to the path
+ would be covered if a straight line of length equal to the <var title="">styles</var> <code title=dom-context-2d-lineWidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> was swept along each subpath in <var title="">path</var> while being kept at an angle such that the line is orthogonal to the path
being swept, replacing each point with the end cap necessary to satisfy the <var title="">styles</var> <code title=dom-context-2d-lineCap><a href=#dom-context-2d-linecap>lineCap</a></code> attribute as described
previously and elaborated below, and replacing each join with the join necessary to satisfy the
<var title="">styles</var> <code title=dom-context-2d-lineJoin><a href=#dom-context-2d-linejoin>lineJoin</a></code> type, as
@@ -55705,18 +55706,21 @@
from the join point, one perpendicular to each line, each on the side furthest from the other
line.</p>
- <p>A filled triangle connecting these two opposite corners with a straight line, with the third
+<!--CLEANUP-->
+ <p>A triangle connecting these two opposite corners with a straight line, with the third
point of the triangle being the join point, must be added at all joins. The <code title=dom-context-2d-lineJoin><a href=#dom-context-2d-linejoin>lineJoin</a></code> attribute controls whether anything else is
rendered. The three aforementioned values have the following meanings:</p>
<p>The <code>bevel</code> value means that this is all that is rendered at joins.</p>
- <p>The <code>round</code> value means that a filled arc connecting the two aforementioned
+<!--CLEANUP-->
+ <p>The <code>round</code> value means that an arc connecting the two aforementioned
corners of the join, abutting (and not overlapping) the aforementioned triangle, with the
diameter equal to the line width and the origin at the point of the join, must be added at
joins.</p>
- <p>The <code>miter</code> value means that a second filled triangle must (if it can given the
+<!--CLEANUP-->
+ <p>The <code>miter</code> value means that a second triangle must (if it can given the
miter length) be added at the join, with one line being the line between the two aforementioned
corners, abutting the first triangle, and the other two being continuations of the outside edges
of the two joining lines, as long as required to intersect without going over the miter
Modified: index
===================================================================
--- index 2014-04-02 19:17:52 UTC (rev 8561)
+++ index 2014-04-02 22:47:04 UTC (rev 8562)
@@ -55679,8 +55679,9 @@
<p><i>Convert</i>: This is the step that converts the path to a new path that represents its
stroke.</p>
+<!--CLEANUP-->
<p>Create a new <a href=#concept-path title=concept-path>path</a> that describes the edge of the areas that
- would be covered if a straight line of length equal to the <var title="">styles</var> <code title=dom-context-2d-lineWidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> was swept along each path in <var title="">path</var> while being kept at an angle such that the line is orthogonal to the path
+ would be covered if a straight line of length equal to the <var title="">styles</var> <code title=dom-context-2d-lineWidth><a href=#dom-context-2d-linewidth>lineWidth</a></code> was swept along each subpath in <var title="">path</var> while being kept at an angle such that the line is orthogonal to the path
being swept, replacing each point with the end cap necessary to satisfy the <var title="">styles</var> <code title=dom-context-2d-lineCap><a href=#dom-context-2d-linecap>lineCap</a></code> attribute as described
previously and elaborated below, and replacing each join with the join necessary to satisfy the
<var title="">styles</var> <code title=dom-context-2d-lineJoin><a href=#dom-context-2d-linejoin>lineJoin</a></code> type, as
@@ -55705,18 +55706,21 @@
from the join point, one perpendicular to each line, each on the side furthest from the other
line.</p>
- <p>A filled triangle connecting these two opposite corners with a straight line, with the third
+<!--CLEANUP-->
+ <p>A triangle connecting these two opposite corners with a straight line, with the third
point of the triangle being the join point, must be added at all joins. The <code title=dom-context-2d-lineJoin><a href=#dom-context-2d-linejoin>lineJoin</a></code> attribute controls whether anything else is
rendered. The three aforementioned values have the following meanings:</p>
<p>The <code>bevel</code> value means that this is all that is rendered at joins.</p>
- <p>The <code>round</code> value means that a filled arc connecting the two aforementioned
+<!--CLEANUP-->
+ <p>The <code>round</code> value means that an arc connecting the two aforementioned
corners of the join, abutting (and not overlapping) the aforementioned triangle, with the
diameter equal to the line width and the origin at the point of the join, must be added at
joins.</p>
- <p>The <code>miter</code> value means that a second filled triangle must (if it can given the
+<!--CLEANUP-->
+ <p>The <code>miter</code> value means that a second triangle must (if it can given the
miter length) be added at the join, with one line being the line between the two aforementioned
corners, abutting the first triangle, and the other two being continuations of the outside edges
of the two joining lines, as long as required to intersect without going over the miter
Modified: source
===================================================================
--- source 2014-04-02 19:17:52 UTC (rev 8561)
+++ source 2014-04-02 22:47:04 UTC (rev 8562)
@@ -61736,9 +61736,10 @@
<p><i>Convert</i>: This is the step that converts the path to a new path that represents its
stroke.</p>
+<!--CLEANUP-->
<p>Create a new <span data-x="concept-path">path</span> that describes the edge of the areas that
would be covered if a straight line of length equal to the <var data-x="">styles</var> <code
- data-x="dom-context-2d-lineWidth">lineWidth</code> was swept along each path in <var
+ data-x="dom-context-2d-lineWidth">lineWidth</code> was swept along each subpath in <var
data-x="">path</var> while being kept at an angle such that the line is orthogonal to the path
being swept, replacing each point with the end cap necessary to satisfy the <var
data-x="">styles</var> <code data-x="dom-context-2d-lineCap">lineCap</code> attribute as described
@@ -61768,19 +61769,22 @@
from the join point, one perpendicular to each line, each on the side furthest from the other
line.</p>
- <p>A filled triangle connecting these two opposite corners with a straight line, with the third
+<!--CLEANUP-->
+ <p>A triangle connecting these two opposite corners with a straight line, with the third
point of the triangle being the join point, must be added at all joins. The <code
data-x="dom-context-2d-lineJoin">lineJoin</code> attribute controls whether anything else is
rendered. The three aforementioned values have the following meanings:</p>
<p>The <code>bevel</code> value means that this is all that is rendered at joins.</p>
- <p>The <code>round</code> value means that a filled arc connecting the two aforementioned
+<!--CLEANUP-->
+ <p>The <code>round</code> value means that an arc connecting the two aforementioned
corners of the join, abutting (and not overlapping) the aforementioned triangle, with the
diameter equal to the line width and the origin at the point of the join, must be added at
joins.</p>
- <p>The <code>miter</code> value means that a second filled triangle must (if it can given the
+<!--CLEANUP-->
+ <p>The <code>miter</code> value means that a second triangle must (if it can given the
miter length) be added at the join, with one line being the line between the two aforementioned
corners, abutting the first triangle, and the other two being continuations of the outside edges
of the two joining lines, as long as required to intersect without going over the miter
More information about the Commit-Watchers
mailing list