Skip to content

Commit 85a9d88

Browse files
committed
[css-transforms-1] Add changes to SVG attributes to change list.
1 parent 680b70d commit 85a9d88

1 file changed

Lines changed: 9 additions & 8 deletions

File tree

css-transforms-1/Overview.bs

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -622,7 +622,7 @@ Note: The syntax reflects implemented behavior in user agents and differs from t
622622
T: )
623623
</pre>
624624
</dd>
625-
<dt id="svg-transform">transform</dt>
625+
<dt id="svg-transform-function">transform</dt>
626626
<dd><pre>
627627
matrix
628628
| translate
@@ -674,21 +674,21 @@ transform
674674
SVG transform functions {#svg-transform-functions}
675675
--------------------------------------------------
676676

677-
SVG transform functions of the <a element-attr for>transform</a>, <{pattern/patternTransform}>, <{linearGradient/gradientTransform}> attributes defined by the syntax above must be mapped to CSS <<transform-function>>s as follows:
677+
SVG transform functions of the <a element-attr for>transform</a>, <{pattern/patternTransform}>, <{linearGradient/gradientTransform}> attributes defined by the syntax above are mapped to CSS <<transform-function>>s as follows:
678678

679679
<table class="data" id="term-matching">
680680
<thead>
681681
<tr>
682682
<th>SVG transform function
683683
<th>CSS <<transform-function>>
684-
<th>Additional information
684+
<th>Additional notes
685685
</tr>
686686
</thead>
687687
<tbody>
688688
<tr>
689689
<th><a href="#svg-translate">translate</a>
690690
<td><<translate()>>
691-
<td>Number values interpreted as CSS <<length>> values with ''px'' units.
691+
<td>Number values interpreted as CSS <<length>> types with ''px'' units.
692692
</tr>
693693
<tr>
694694
<th><a href="#svg-scale">scale</a>
@@ -698,17 +698,17 @@ SVG transform functions of the <a element-attr for>transform</a>, <{pattern/patt
698698
<tr>
699699
<th><a href="#svg-rotate">rotate</a>
700700
<td><<rotate()>>
701-
<td>Only single value version. Number value interpreted as CSS <<angle>> value with ''deg'' unit.
701+
<td>Only single value version. Number value interpreted as CSS <<angle>> type with ''deg'' unit.
702702
</tr>
703703
<tr>
704704
<th><a href="#svg-skewX">skewX</a>
705705
<td><<skewX()>>
706-
<td>Number value interpreted as CSS <<angle>> value with ''deg'' unit.
706+
<td>Number value interpreted as CSS <<angle>> type with ''deg'' unit.
707707
</tr>
708708
<tr>
709709
<th><a href="#svg-skewY">skewY</a>
710710
<td><<skewY()>>
711-
<td>Number value interpreted as CSS <<angle>> value with ''deg'' unit.
711+
<td>Number value interpreted as CSS <<angle>> type with ''deg'' unit.
712712
</tr>
713713
<tr>
714714
<th><a href="#svg-matrix">matrix</a>
@@ -718,7 +718,7 @@ SVG transform functions of the <a element-attr for>transform</a>, <{pattern/patt
718718
</tbody>
719719
</table>
720720

721-
The SVG transform function <a href="#svg-rotate">rotate</a> with 3 values can not be mapped to a corresponding CSS <<transform-function>>. The 2 optional number values represent a horizontal translation value ''cx'' followed by a vertical translation value ''cy''. Both number values get interpreted as CSS <<length>> values with ''px'' units and define the origin for rotation. The behavior is equivalent to an initial translation by ''cx'', ''cy'', a rotation defined by the first number value interpreted as <<angle>> value with ''deg'' unit followed by a translation by ''-cx'', ''-cy''.
721+
The SVG transform function <a href="#svg-rotate">rotate</a> with 3 values can not be mapped to a corresponding CSS <<transform-function>>. The 2 optional number values represent a horizontal translation value ''cx'' followed by a vertical translation value ''cy''. Both number values get interpreted as CSS <<length>> types with ''px'' units and define the origin for rotation. The behavior is equivalent to an initial translation by ''cx'', ''cy'', a rotation defined by the first number value interpreted as <<angle>> type with ''deg'' unit followed by a translation by ''-cx'', ''-cy''.
722722

723723
If the value of a <a element-attr for>transform</a> attribute is the start or end value of a CSS Transition and the SVG <a href="svg-transform-list">transform list</a> contains at least one <a href="#svg-rotate">rotate</a> transform function with 3 values, the individual SVG transform functions must get multiplied and the resulting matrix must get mapped to a <<matrix()>> CSS <<transform-function>> and used as start/end value of the CSS Transition.
724724

@@ -1390,6 +1390,7 @@ At this point there are no information about potential privacy or security conce
13901390
The following changes were made since the <a href="https://www.w3.org/TR/2017/WD-css-transforms-1-20171130/">30 November 2017 Working Draft</a>.
13911391
* Remove specification text that makes <a element-attr for=pattern>patternTransform</a>, <a element-attr for=linearGradient>gradientTransform</a> presentation attributes representing the 'transform' property. That is going to get specified by SVG 2 [[SVG2]].
13921392
* Added <a href="#priv-sec">privacy and security</a> section.
1393+
* Added special syntax for <a element-attr for>transform</a>, <{linearGradient/gradientTransform}> and <{pattern/patternTransform}> attributes.
13931394

13941395
ISSUE: Add all changes.
13951396

0 commit comments

Comments
 (0)