- From: SVG Working Group repository <cam+svgwgrepo@mcc.id.au>
- Date: Tue, 04 Jun 2013 23:40:58 -0700
- To: public-svg-wg@w3.org
details: https://svgwg.org/hg/svg2/rev/bd3f762f770b branches: changeset: 506:bd3f762f770b user: Cameron McCormack <cam@mcc.id.au> date: Wed Jun 05 16:38:50 2013 +1000 description: Added <marker orient="auto-start-reverse">. diffstat: master/changes.html | 3 +++ master/painting.html | 43 +++++++++++++++++++++++++++++++++++++------ 2 files changed, 40 insertions(+), 6 deletions(-) diffs (200 lines): diff --git a/master/changes.html b/master/changes.html --- a/master/changes.html +++ b/master/changes.html @@ -158,16 +158,19 @@ have been made.</p> <span class="prop-value">child</span> keyword and <a><child-selector></a> values to support ID-less referencing.</li> <li>Added <a>'vector-effect'</a> property to support non-scaling stroke.</li> <li>Add <a><gradient></a> as possible value for <a><paint></a></li> <li>Added arcs value on <a>'stroke-linejoin'</a>.</li> + + <li><div class="added-since-last-wd">Added the <span class="attr-value">'auto-start-reverse'</span> + attribute to the <a>'marker/orient'</a> attribute on <a>'marker element'</a>.</div></li> </ul> <h3 id="color">Color chapter</h3> <ul> <li>Added requirements for images to be color managed.</li> <li>Added new color syntaxes from the SVG Color specification: RGBA colors, HSL colors, diff --git a/master/painting.html b/master/painting.html --- a/master/painting.html +++ b/master/painting.html @@ -2083,17 +2083,17 @@ coordinate system of the marker contents <tr> <th>Name</th> <th>Value</th> <th>Lacuna value</th> <th>Animatable</th> </tr> <tr> <td><dfn id="OrientAttribute">orient</dfn></td> - <td>auto | <a><angle></a> | <a><number></a></td> + <td>auto | auto-start-reverse | <a><angle></a> | <a><number></a></td> <td>0</td> <td>yes (non-additive)</td> </tr> </table> </dt> <dd> @@ -2103,17 +2103,17 @@ Values have the following meaning:</p> <dl> <dt><span class="attr-value">'auto'</span></dt> <dd> <p>A value of <span class="attr-value">'auto'</span> indicates that the marker is oriented such that its positive x-axis is pointing in the direction of the path at the point it is placed.</p> - + <p>If the marker is a <a>segment marker</a>, then the direction the marker is oriented is, if considering the incoming and outgoing directions as unit vectors, in the direction of the sum of these two vectors. If this sum is zero, then the marker is oriented in the incoming direction.</p> <p>If the marker is on the first or last vertex of a closed subpath, then the incoming direction taken from the final path segment and the outgoing @@ -2124,17 +2124,33 @@ Values have the following meaning:</p> if the following subpath does not begin with a <a href="paths.html#PathDataMovetoCommands">'moveto'</a> command, and</li> <li>the first path segment of the <em>current</em> subpath, if the following subpath does begin with a <a href="paths.html#PathDataMovetoCommands">'moveto'</a> command or if there is no following subpath.</li> </ul> </dd> - +</dl> + +<dl class="ready-for-wg-review"> + <dt><span class="attr-value">'auto-start-reverse'</span></dt> + <dd> + <p>A value of <span class="attr-value">'auto-start-reverse'</span> + means the same as <span class="attr-value">'auto'</span> except that + for a marker placed by <a>'marker-start'</a>, the orientation is 180° + different from the orientation as determined by <span class="attr-value">'auto'</span>.</p> + + <p class="note">This allows a single arrowhead marker to be defined + that can be used for both the start and end of a path, point in the right + directions.</p> + </dd> +</dl> + +<dl> <dt><span class="attr-value"><a><angle></a></span></dt> <dt><span class="attr-value"><a><number></a></span></dt> <dd> <p>An <a><angle></a> value represents the angle the marker's positive x-axis makes with the positive x-axis in the user space of the <a>markable element</a>, and a <a><number></a> value with no unit represents an angle in degrees. For example, if a value of <span class="attr-value">'0'</span> is given, then the marker will be drawn @@ -4120,31 +4136,32 @@ The <a>SVGMarkerElement</a> interface co readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a> <a href="painting.html#__svg__SVGMarkerElement__refX">refX</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a> <a href="painting.html#__svg__SVGMarkerElement__refY">refY</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedEnumeration">SVGAnimatedEnumeration</a> <a href="painting.html#__svg__SVGMarkerElement__markerUnits">markerUnits</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a> <a href="painting.html#__svg__SVGMarkerElement__markerWidth">markerWidth</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedLength">SVGAnimatedLength</a> <a href="painting.html#__svg__SVGMarkerElement__markerHeight">markerHeight</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedEnumeration">SVGAnimatedEnumeration</a> <a href="painting.html#__svg__SVGMarkerElement__orientType">orientType</a>; readonly attribute <a class="idlinterface" href="types.html#InterfaceSVGAnimatedAngle">SVGAnimatedAngle</a> <a href="painting.html#__svg__SVGMarkerElement__orientAngle">orientAngle</a>; + attribute DOMString <a href="painting.html#__svg__SVGMarkerElement__orient">orient</a>; void <a href="painting.html#__svg__SVGMarkerElement__setOrientToAuto">setOrientToAuto</a>(); void <a href="painting.html#__svg__SVGMarkerElement__setOrientToAngle">setOrientToAngle</a>(<a class="idlinterface" href="types.html#InterfaceSVGAngle">SVGAngle</a> angle); }; <a>SVGMarkerElement</a> implements <a>SVGFitToViewBox</a>;</pre><dl class="interface"> <dt class="constants-header">Constants in group “Marker Unit Typesâ€:</dt> <dd> <dl class="constants"> <dt id="__svg__SVGMarkerElement__SVG_MARKERUNITS_UNKNOWN" class="constant first-child"><b>SVG_MARKERUNITS_UNKNOWN</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt> <dd class="constant"> <div> -The marker unit type is not one of predefined types. It is invalid to +The marker unit type is not one of othe other predefined types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type. </div> </dd> <dt id="__svg__SVGMarkerElement__SVG_MARKERUNITS_USERSPACEONUSE" class="constant"><b>SVG_MARKERUNITS_USERSPACEONUSE</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt> @@ -4171,17 +4188,18 @@ The value of attribute <a>'markerUnits'< <dt class="constants-header">Constants in group “Marker Orientation Typesâ€:</dt> <dd> <dl class="constants"> <dt id="__svg__SVGMarkerElement__SVG_MARKER_ORIENT_UNKNOWN" class="constant first-child"><b>SVG_MARKER_ORIENT_UNKNOWN</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt> <dd class="constant"> <div> -The marker orientation is not one of predefined types. It is invalid to +The marker orientation is <span class="attr-value">'auto-start-rotate'</span> or +is not one of the predefined types. It is invalid to attempt to define a new value of this type or to attempt to switch an existing value to this type. </div> </dd> <dt id="__svg__SVGMarkerElement__SVG_MARKER_ORIENT_AUTO" class="constant"><b>SVG_MARKER_ORIENT_AUTO</b><span class="idl-type-parenthetical"> (unsigned short)</span></dt> @@ -4254,32 +4272,45 @@ Corresponds to attribute <a>'markerHeigh </div> </dd> <dt id="__svg__SVGMarkerElement__orientType" class="attribute"><b>orientType</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedEnumeration">SVGAnimatedEnumeration</a>)</span></dt> <dd class="attribute"> <div> Corresponds to attribute <a>'orient'</a> on the given <a>'marker element'</a> element. One of the Marker Orientation -Types defined on this interface. +Types defined on this interface. If the <a>'orient'</a> +attribute is set to <span class="attr-value">'auto-start-rotate'</span>, +then the value of orientType is SVG_MARKER_ORIENT_UNKNOWN. </div> </dd> <dt id="__svg__SVGMarkerElement__orientAngle" class="attribute"><b>orientAngle</b><span class="idl-type-parenthetical"> (readonly <a class="idlinterface" href="types.html#InterfaceSVGAnimatedAngle">SVGAnimatedAngle</a>)</span></dt> <dd class="attribute"> <div> Corresponds to attribute <a>'orient'</a> on the given <a>'marker element'</a> element. If <a>markerUnits</a> is SVG_MARKER_ORIENT_ANGLE, the angle value for attribute <a>'orient'</a>; otherwise, it will be set to zero. </div> </dd> </dl> + +<dl class="attributes"> +<dt id="__svg__SVGMarkerElement__orient" class="attribute"><b>orient</b><span class="idl-type-parenthetical"> (DOMString)</span></dt> +<dd class="attribute"> + <div>Corresponds to attribute <a>'orient'</a> on the + given <a>'marker element'</a> element. This attribute + simply reflects the value of the <a>'orient'</a> + content attribute.</div> +</dd> +</dl> + </dd> <dt class="operations-header">Operations:</dt> <dd> <dl class="attributes"> <dt id="__svg__SVGMarkerElement__setOrientToAuto" class="operation first-child">void <b>setOrientToAuto</b>() </dt> <dd class="operation">
Received on Wednesday, 5 June 2013 06:41:23 UTC