Changed behavior for transforms on patterns, gradients and other resources.

Author: dirkschulze

css3-transforms/ChangeLog

@@ -1,3 +1,11 @@
+2012-07-20 dschulze@adobe.com
+    Changed behavior for transforms on patterns, gradients and other resources.
+    The user space for transformations does not depend on the ‘patternUnit’,
+    ‘gradientUnit’ and ‘maskUnit’ attributes. Theses attributes just affect 'x',
+    'y', 'width' and 'height'.
+    Added an issue if percentage should be dependent on viewport or the bounding
+    box of the referencin object.
+
 2012-07-12 simon.fraser@apple.com
     Fix https://www.w3.org/Bugs/Public/show_bug.cgi?id=17431 by making the wording
     about the rendering effects of 3D transforms not CSS-specific.

css3-transforms/Overview.html

@@ -39,14 +39,14 @@
 
    <h1>CSS Transforms</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 12 July 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 20 July 2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd> <a
-     href="http://www.w3.org/TR/2012/ED-css3-transforms-20120712/">http://dev.w3.org/csswg/css3-transforms/</a>
-     <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120712/-->
+     href="http://www.w3.org/TR/2012/ED-css3-transforms-20120720/">http://dev.w3.org/csswg/css3-transforms/</a>
+     <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120720/-->
 
     <dt>Latest version:
 
@@ -2040,77 +2040,31 @@ <h3 id=svg-three-dimensional-functions><span class=secno>13.5. </span>SVG
   <h3 id=svg-user-coordinate-space><span class=secno>13.6. </span> User
    coordinate space</h3>
 
-  <p> If the ‘<code class=property>patternUnit</code>’ attribute of the
-   SVG ‘<code class=property>pattern</code>’ element is ‘<code
-   class=css>userSpaceOnUse</code>’, the ‘<a href="#effects"><code
-   class=property>transform</code></a>’ property and the ‘<code
-   class=property>patternTransform</code>’ attribute represents values in
-   the current user coordinate system in place at the time when the ‘<code
-   class=property>pattern</code>’ element is referenced (i.e., the user
-   coordinate system for the element referencing the ‘<code
-   class=property>pattern</code>’ element via a ‘<code
-   class=property>fill</code>’ or ‘<code class=property>stroke</code>’
-   property).<br>
-   If the ‘<code class=property>patternUnit</code>’ attribute is set to
-   ‘<code class=css>objectBoundingBox</code>’ the user coordinate system
-   for the ‘<a href="#effects"><code class=property>transform</code></a>’
-   property and the ‘<code class=property>patternTransform</code>’
-   attribute is established using the <a class=term
-   href="#bounding-box">bounding box</a> of the element to which the pattern
-   is applied (see <a
-   href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object
-   bounding box units</a> <a href="#SVG11"
-   rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>).
-
-  <p> If the ‘<code class=property>gradientUnit</code>’ attribute of the
-   SVG ‘<code class=property>linearGradient</code>’ element and the
-   ‘<code class=property>radialGradient</code>’ element is ‘<code
-   class=css>userSpaceOnUse</code>’, the ‘<a href="#effects"><code
-   class=property>transform</code></a>’ property and the ‘<code
-   class=property>gradientTransform</code>’ attribute represents values in
-   the current user coordinate system in place at the time when the
-   ‘gradient’ element is referenced (i.e., the user coordinate system for
-   the element referencing ‘<code class=property>linearGradient</code>’
-   element or ‘<code class=property>radialGradient</code>’ element via a
-   ‘<code class=property>fill</code>’ or ‘<code
-   class=property>stroke</code>’ property).<br>
-   If the ‘<code class=property>gradientUnit</code>’ attribute is set to
-   ‘<code class=css>objectBoundingBox</code>’ the user coordinate system
-   for the ‘<a href="#effects"><code class=property>transform</code></a>’
-   property and the ‘<code class=property>patternTransform</code>’
-   attribute is established using the <a class=term
-   href="#bounding-box">bounding box</a> of the element to which the gradient
-   is applied (see <a
-   href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object
-   bounding box units</a> <a href="#SVG11"
-   rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>).
-
-  <p> If the ‘<code class=property>maskUnit</code>’ attribute of the SVG
-   ‘<code class=property>mask</code>’ element is ‘<code
-   class=css>userSpaceOnUse</code>’, the ‘<a href="#effects"><code
-   class=property>transform</code></a>’ presentation attribute represents
-   values in the current user coordinate system in place at the time when the
-   ‘<code class=property>mask</code>’ element is referenced (i.e., the
-   user coordinate system for the element referencing the ‘<code
-   class=property>mask</code>’ element via the ‘<code
-   class=property>mask</code>’ property).<br>
-   If the ‘<code class=property>maskUnit</code>’ attribute is set to
-   ‘<code class=css>objectBoundingBox</code>’ the user coordinate system
-   for the ‘<a href="#effects"><code class=property>transform</code></a>’
-   presentation attribute is established using the <a class=term
-   href="#bounding-box">bounding box</a> of the element to which the mask is
-   applied (see <a
-   href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object
-   bounding box units</a> <a href="#SVG11"
-   rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>).
-
-  <p> For the ‘<code class=property>clipPath</code>’ element the ‘<a
-   href="#effects"><code class=property>transform</code></a>’ presentation
-   attribute represents values in the current user coordinate system in place
-   at the time when the ‘<code class=property>clipPath</code>’ element is
-   referenced (i.e., the user coordinate system for the element referencing
-   the ‘<code class=property>clipPath</code>’ element via the ‘<code
-   class=property>clip-path</code>’ property).
+  <p> For the ‘<code class=property>pattern</code>’, ‘<code
+   class=property>linearGradient</code>’, ‘<code
+   class=property>radialGradient</code>’, ‘<code
+   class=property>mask</code>’ and ‘<code
+   class=property>clipPath</code>’ elements the ‘<a href="#effects"><code
+   class=property>transform</code></a>’, ‘<code
+   class=property>patternTransform</code>’, ‘<code
+   class=property>gradientTransform</code>’ presentation attributes
+   represents values in the current user coordinate system in place at the
+   time when these elements are referenced (i.e., the user coordinate system
+   for the element referencing the ‘<code class=property>pattern</code>’
+   element via a ‘<code class=property>fill</code>’ or ‘<code
+   class=property>stroke</code>’ property).
+
+  <p class=issue> Should percentage values on transforms be relative the
+   viewport (the case for all other attributes on the mentioned attributes),
+   or should the be reletive the referencing objects bounding box (like it is
+   for all other transformable elements). The later choice seems to be more
+   consistent within CSS Transforms.
+
+  <p> In particualar the ‘<code class=property>patternUnit</code>’,
+   ‘<code class=property>gradientUnit</code>’ and ‘<code
+   class=property>maskUnit</code>’ attributes don't affect the user
+   coordinate system used for transformations <a href="#SVG11"
+   rel=biblioentry>[SVG11]<!--{{SVG11}}--></a>.
 
   <p> For all other <a class=term href="#transformable-element">transformable
    elements</a> the ‘<a href="#effects"><code
@@ -2121,6 +2075,9 @@ <h3 id=svg-user-coordinate-space><span class=secno>13.6. </span> User
    to the element's <a class=term href="#bounding-box">bounding box</a>.
 
   <div class=example>
+   <p class=issue> The result in the example below depends on the decision
+    made on the previous issue.</p>
+
    <p> The ‘<a href="#transform-origin"><code
     class=property>transform-origin</code></a>’ property on the pattern in
     the following example specifies a ‘<code class=css>50%</code>’

css3-transforms/Transforms.src.html

@@ -1902,57 +1902,27 @@ <h3 id="svg-three-dimensional-functions">SVG and 3D transform functions</h3>
               <h3 id="svg-user-coordinate-space">
                 User coordinate space
               </h3>
-              
+
               <p>
-                If the 'patternUnit' attribute of the SVG 'pattern' element is ''userSpaceOnUse'',
-                the 'transform' property and the 'patternTransform' attribute represents values in
-                the current user coordinate system in place at the time when the 'pattern' element
-                is referenced (i.e., the user coordinate system for the element referencing the
-                'pattern' element via a 'fill' or 'stroke' property).<br>
-                If the 'patternUnit' attribute is set to ''objectBoundingBox'' the user coordinate
-                system for the 'transform' property and the 'patternTransform' attribute is
-                established using the <span class="term">bounding box</span> of the element to which
-                the pattern is applied (see <a
-                href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object
-                bounding box units</a> [[SVG11]]).
-              </p>
-
-              <p>
-                If the 'gradientUnit' attribute of the SVG 'linearGradient' element and the 
-                'radialGradient' element is ''userSpaceOnUse'', the 'transform' property and
-                the 'gradientTransform' attribute represents values in the current user coordinate
-                system in place at the time when the ‘gradient’ element is referenced (i.e., the user
-                coordinate system for the element referencing 'linearGradient' element or
-                'radialGradient' element via a 'fill' or 'stroke' property).<br>
-                If the 'gradientUnit' attribute is set to ''objectBoundingBox'' the user coordinate
-                system for the 'transform' property and the 'patternTransform' attribute is
-                established using the <span class="term">bounding box</span> of the element to which
-                the gradient is applied (see <a
-                href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object
-                bounding box units</a> [[SVG11]]).
+                For the 'pattern', 'linearGradient', 'radialGradient', 'mask' and 'clipPath'
+                elements the 'transform', 'patternTransform', 'gradientTransform' presentation
+                attributes represents values in the current user coordinate system in place at the
+                time when these elements are referenced (i.e., the user coordinate system for the
+                element referencing the 'pattern' element via a 'fill' or 'stroke' property).
               </p>
-              
-              <p>
-                If the 'maskUnit' attribute of the SVG 'mask' element is ''userSpaceOnUse'', the
-                'transform' presentation attribute represents values in the current user coordinate
-                system in place at the time when the 'mask' element is referenced (i.e., the user
-                coordinate system for the element referencing the 'mask' element via the 'mask'
-                property).<br>
-                If the 'maskUnit' attribute is set to ''objectBoundingBox'' the user
-                coordinate system for the 'transform' presentation attribute is established using
-                the <span class="term">bounding box</span> of the element to which the mask is
-                applied (see <a
-                href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">Object bounding
-                box units</a> [[SVG11]]).
+
+              <p class="issue">
+                Should percentage values on transforms be relative the viewport (the case for all
+                other attributes on the mentioned attributes), or should the be reletive the 
+                referencing objects bounding box (like it is for all other transformable elements).
+                The later choice seems to be more consistent within CSS Transforms.
               </p>
-              
+
               <p>
-                For the 'clipPath' element the 'transform' presentation attribute represents values
-                in the current user coordinate system in place at the time when the 'clipPath'
-                element is referenced (i.e., the user coordinate system for the element referencing
-                the 'clipPath' element via the 'clip-path' property).
+                In particualar the 'patternUnit', 'gradientUnit' and 'maskUnit' attributes
+                don't affect the user coordinate system used for transformations [[SVG11]].
               </p>
-              
+
               <p>
                 For all other <span class="term">transformable elements</span> the
                 'transform' presentation attribute represents values in the current user coordinate
@@ -1961,6 +1931,10 @@ <h3 id="svg-user-coordinate-space">
               </p>
 
               <div class="example">
+                <p class="issue">
+                  The result in the example below depends on the decision made on the previous issue.
+                </p>
+
                 <p>
                   The 'transform-origin' property on the pattern in the following example specifies
                   a ''50%'' translation of the origin in the horizontal and vertical dimension. The