Fixed typos in the SVG 'transform' attribute section.

Author: dirkschulze

css3-transforms/ChangeLog

@@ -1,3 +1,6 @@
+2012-03-13 dschulze@adobe.com
+    Fixed typos in the SVG 'transform' attribute section.
+
 2012-03-13 ayg@aryeh.name
     Typo fixes
 

css3-transforms/Overview.html

@@ -36,14 +36,14 @@
 
    <h1>CSS Transforms</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 13 March 2012</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 14 March 2012</h2>
 
    <dl>
     <dt>This version:
 
     <dd> <a
-     href="http://www.w3.org/TR/2012/ED-css3-transforms-20120313/">http://dev.w3.org/csswg/css3-transforms/</a>
-     <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120313-->
+     href="http://www.w3.org/TR/2012/ED-css3-transforms-20120314/">http://dev.w3.org/csswg/css3-transforms/</a>
+     <!--http://www.w3.org/TR/2012/WD-css3-transforms-20120314-->
 
     <dt>Latest version:
 
@@ -209,7 +209,7 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
         </span>Transform List</a>
 
        <li><a href="#svg-functional-notation"><span class=secno>7.2.2.
-        </span>Functional Notations</a>
+        </span>Functional Notation</a>
 
        <li><a href="#svg-data-types"><span class=secno>7.2.3. </span>SVG Data
         Types</a>
@@ -1033,7 +1033,7 @@ <h2 id=svg-transform><span class=secno>7. </span> The SVG &lsquo;<a
    class=property>patternTransform</code>&rsquo; as <a
    href="http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html#UsingPresentationAttributes"><em>presentation
    attributes</em></a>. In order to improve the integration of SVG and HTML,
-   this specification makes these SVG attributes to &lsquo;<code
+   this specification makes these SVG attributes &lsquo;<code
    class=css>presentation attributes</code>&rsquo; and makes the &lsquo;<a
    href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; property one that
@@ -1051,14 +1051,14 @@ <h2 id=svg-transform><span class=secno>7. </span> The SVG &lsquo;<a
    class=property>transform-style</code></code></a>&rsquo; and &lsquo;<a
    href="#backface-visibility"><code class=css><code
    class=property>backface-visibility</code></code></a>&rsquo; in the SVG
-   namespace. All new introduced presentation attributes are animateable.
+   namespace. All new introduced presentation attributes are animatable.
 
   <h3 id=transform-attribute-specificity><span class=secno>7.1. </span>SVG
    &lsquo;<a href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; attribute specificity</h3>
 
   <p>Since the previously named SVG attributes become presentation
-   attributes, their participation to the CSS cascade is determined by the
+   attributes, their participation in the CSS cascade is determined by the
    specificity of presentation attributes, as <a
    href="http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html#UsingPresentationAttributes">explained</a>
    in the SVG specification.
@@ -1071,7 +1071,7 @@ <h3 id=transform-attribute-specificity><span class=secno>7.1. </span>SVG
     class=property>transform</code></code></a>&rsquo; presentation attribute.
     </p>
 
-   <pre>&lt;svg&gt;
+   <pre>&lt;svg  xmlns="http://www.w3.org/2000/svg"&gt;
     &lt;style&gt;
     .container {
         transform: translate(100px, 100px);
@@ -1092,21 +1092,21 @@ <h3 id=transform-attribute-specificity><span class=secno>7.1. </span>SVG
     overrides the &lsquo;<a href="#effects"><code class=css><code
     class=property>transform</code></code></a>&rsquo; presentation attribute.
     Therefore the container gets translated by &lsquo;<code class=css><code
-    class=css>100px</code></code>&rsquo; in horizontal and vertical
-    direction, instead of &lsquo;<code class=css><code
+    class=css>100px</code></code>&rsquo; in both the horizontal and the
+    vertical directions, instead of &lsquo;<code class=css><code
     class=css>200px</code></code>&rsquo;.</p>
   </div>
 
   <h3 id=svg-syntax><span class=secno>7.2. </span>Syntax of the SVG &lsquo;<a
    href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; attribute</h3>
 
-  <p> To provide backward compatibility, the syntax of the &lsquo;<a
+  <p> To provide backwards compatibility, the syntax of the &lsquo;<a
    href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; presentation attribute
    differs from the syntax of the &lsquo;<a href="#effects"><code
    class=css><code class=property>transform</code></code></a>&rsquo; style
-   property like shown in the example above. However, the syntax used for the
+   property as shown in the example above. However, the syntax used for the
    &lsquo;<a href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; style property can be
    used for a &lsquo;<a href="#effects"><code class=css><code
@@ -1126,30 +1126,31 @@ <h4 id=svg-transform-list><span class=secno>7.2.1. </span>Transform List</h4>
 
   <p> The value for the &lsquo;<a href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; attribute consists of a
-   transform list with zero or more transform functions in the <a
+   transform list with zero or more transform functions using <a
    href="#svg-functional-notation">functional notation</a>. If the transform
    list consists of more than one transform function, these functions are
    separated by either a comma (‘<code class=css>,</code>’) with optional
-   whitespace before and after the comma or one or more whitespaces. The
-   transform list can have optional whitespaces before and after the list.
+   whitespace characters before and after the comma, or by one or more
+   whitespace characters. The transform list can have optional whitespace
+   characters before and after the list.
 
   <h4 id=svg-functional-notation><span class=secno>7.2.2. </span>Functional
-   Notations</h4>
+   Notation</h4>
 
   <p> The syntax starts with the name of the function followed by optional
-   whitespaces followed by a left parenthesis followed by optional whitespace
-   followed by the argument(s) to the notation followed by optional
-   whitespace followed by a right parenthesis. If a function takes more than
-   one argument, the arguments are either separated by a comma (‘<code
-   class=css>,</code>’) with optional whitespace before and after the comma
-   or one or more whitespaces.
+   whitespace characters followed by a left parenthesis followed by optional
+   whitespace followed by the argument(s) to the notation followed by
+   optional whitespace followed by a right parenthesis. If a function takes
+   more than one argument, the arguments are either separated by a comma
+   (‘<code class=css>,</code>’) with optional whitespace characters
+   before and after the comma, or by one or more whitespace characters.
 
   <h4 id=svg-data-types><span class=secno>7.2.3. </span>SVG Data Types</h4>
 
-  <p> Arguments of transform functions consists of data types in the sense of
+  <p> Arguments of transform functions consist of data types in the sense of
    <a href="http://www.w3.org/TR/css3-values/#functional-notation">CSS Values
    and Units Module</a>. The definitions of data types in CSS Values and
-   Units Module gets enhanced as follows:
+   Units Module are enhanced as follows:
 
   <h5 id=svg-transform-value><span class=secno>7.2.3.1. </span>The
    <var>&lt;translation-value&gt;</var> and <var>&lt;length&gt;</var> type</h5>
@@ -1159,8 +1160,8 @@ <h5 id=svg-transform-value><span class=secno>7.2.3.1. </span>The
    href="#svg-number"><var>number</var></a> gets interpreted as "user unit".
    A user unit in the the <a
    href="http://www.w3.org/TR/2003/REC-SVG11-20030114/coords.html#InitialCoordinateSystem">initial
-   coordinate system</a> is equivalenced to the parent environment's notion
-   of a pixel unit.
+   coordinate system</a> is equivalent to the parent environment's notion of
+   a pixel unit.
 
   <h5 id=svg-angle><span class=secno>7.2.3.2. </span>The
    <var>&lt;angle&gt;</var> type</h5>
@@ -1184,25 +1185,26 @@ <h3 id=svg-gradient-transform-pattern-transform><span class=secno>7.3.
   <p> SVG specifies the attributes &lsquo;<code
    class=property>gradientTransform</code>&rsquo; and &lsquo;<code
    class=property>patternTransform</code>&rsquo;. This specification makes
-   both attributes to presentation attributes. Both attributes use the same
-   <a href="#svg-syntax">syntax</a> as the SVG &lsquo;<a
-   href="#effects"><code class=css><code
-   class=property>transform</code></code></a>&rsquo; attribute. This
-   specification won't introduce corresponding CSS style properties. Instead
-   the style can be set by the &lsquo;<a href="#effects"><code
-   class=css><code class=property>transform</code></code></a>&rsquo; style
-   property.
+   both attributes presentation attributes. Both attributes use the same <a
+   href="#svg-syntax">syntax</a> as the SVG &lsquo;<a href="#effects"><code
+   class=css><code class=property>transform</code></code></a>&rsquo;
+   attribute. This specification does not introduce corresponding CSS style
+   properties. Both, the &lsquo;<code
+   class=property>gradientTransform</code>&rsquo; and the &lsquo;<code
+   class=property>patternTransform</code>&rsquo; attribute, are presentation
+   attributes for the &lsquo;<a href="#effects"><code
+   class=property>transform</code></a>&rsquo; property.
 
   <h3 id=svg-transformation-functions><span class=secno>7.4. </span>SVG
    transformation functions</h3>
 
-  <p> For backward compatibility to existing SVG content, this specification
-   must support all transform functions defined by <a
+  <p> For backwards compatibility with existing SVG content, this
+   specification supports all transform functions defined by <a
    href="http://www.w3.org/TR/SVG/coords.html#TransformAttribute">The
    &lsquo;<code class=css><code class=property>transform</code></code>&rsquo;
    attribute</a> in SVG 1.1. Therefore the two-dimensional transform function
    &lsquo;<code class=css><code
-   class=css>rotate(&lt;angle&gt;)</code></code>&rsquo; gets extended as
+   class=css>rotate(&lt;angle&gt;)</code></code>&rsquo; is extended as
    follows:
 
   <dl>
@@ -1228,8 +1230,8 @@ <h3 id=svg-transformation-functions><span class=secno>7.4. </span>SVG
   <h3 id=svg-three-dimensional-functions><span class=secno>7.5. </span>SVG
    and 3D transformation functions</h3>
 
-  <p> This specification explicitly allows to apply three-dimensional
-   transform functions to the <a
+  <p> This specification explicitly requires three-dimensional transform
+   functions to apply to the <a
    href="http://www.w3.org/TR/SVG/intro.html#TermContainerElement"><em>container
    elements</em></a>: &lsquo;<code class=property>a</code>&rsquo;,
    &lsquo;<code class=property>g</code>&rsquo;, &lsquo;<code
@@ -1271,17 +1273,17 @@ <h3 id=svg-object-bounding-box><span class=secno>7.6. </span>Object
    bounding box units</h3>
 
   <p> Percentage or fractional values in SVG are either relative to the
-   elements viewport units or to the elements <a
+   elements viewport units or to the element's <a
    href="http://www.w3.org/TR/SVG/coords.html#ObjectBoundingBoxUnits">object
-   bounding box units</a> like specified in SVG 1.1. To align with HTML, all
+   bounding box units</a> as specified in SVG 1.1. To align with HTML, all
    percentage values for all properties defined in this specification are
    relative to the object bounding box units.
 
-  <p> If an SVG element does not provide an object bounding box (like for the
+  <p> If an SVG element does not provide a bounding box (like for the
    &lsquo;<code class=property>pattern</code>&rsquo;, &lsquo;<code
    class=property>mask</code>&rsquo; or &lsquo;<code
-   class=property>clipPath</code>&rsquo; elements), the bounding box is the
-   same like if the position x, y and the dimensions width and height are
+   class=property>clipPath</code>&rsquo; elements), the bounding box is
+   treated as if the position x, y and the dimensions width and height are
    zero. Percentage values or keywords won't affect the rendering and are
    treated as if zero was specified.
 
@@ -1294,7 +1296,7 @@ <h3 id=svg-object-bounding-box><span class=secno>7.6. </span>Object
     class=css><code class=property>transform</code></code></a>&rsquo;
     property specifies a translation as well, but in absolute lengths.</p>
 
-   <pre>&lt;svg&gt;
+   <pre>&lt;svg  xmlns="http://www.w3.org/2000/svg"&gt;
     &lt;style&gt;
     pattern {
         transform: translate(50px, 50px) rotate(45deg);
@@ -1311,14 +1313,14 @@ <h3 id=svg-object-bounding-box><span class=secno>7.6. </span>Object
     &lt;rect width="100" height="100" fill="url(#pattern-1)" /&gt;
 &lt;/svg&gt;</pre>
 
-   <p> A SVG &lsquo;<code class=property>pattern</code>&rsquo; element
-    doesn't have an object bounding box. Therefore the relative values of the
+   <p> An SVG &lsquo;<code class=property>pattern</code>&rsquo; element
+    doesn't have a bounding box. Therefore the relative values of the
     &lsquo;<a href="#transform-origin"><code class=css><code
     class=property>transform-origin</code></code></a>&rsquo; property don't
     affect the rendering and are treated as if zero was specified. The
     translation on the &lsquo;<a href="#effects"><code class=css><code
     class=property>transform</code></code></a>&rsquo; property is in absolute
-    coordinates and translate the coordinate system by 50 pixel in each
+    coordinates and translate the coordinate system by 50 pixels in each
     direction.</p>
   </div>
 
@@ -1329,9 +1331,12 @@ <h3 id=transform-attribute-dom><span class=secno>7.7. </span>SVG DOM
   <p> The SVG specification defines the &lsquo;<code class=css><a
    href="http://www.w3.org/TR/2011/REC-SVG11-20110816/coords.html#InterfaceSVGAnimatedTransformList"><code
    class=property>SVGAnimatedTransformList</code></a></code>&rsquo; interface
-   in SVG DOM to access the animated and the base value of the SVG transform
-   attribute. To ensure backwards compatibility, this API must still be
-   supported by user agents.
+   in the SVG DOM to provide access to the animated and the base value of the
+   SVG &lsquo;<a href="#effects"><code
+   class=property>transform</code></a>&rsquo;, &lsquo;<code
+   class=property>gradientTransform</code>&rsquo; and &lsquo;<code
+   class=property>patternTransform</code>&rsquo; attributes. To ensure
+   backwards compatibility, this API must still be supported by user agents.
 
   <p> The &lsquo;<a href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; property contributes to
@@ -1343,7 +1348,7 @@ <h3 id=transform-attribute-dom><span class=secno>7.7. </span>SVG DOM
    possibility to access and modify the values of the SVG &lsquo;<a
    href="#effects"><code class=css><code
    class=property>transform</code></code></a>&rsquo; attribute. To provide
-   the necessary backward compatibility to SVG DOM, &lsquo;<code
+   the necessary backwards compatibility to the SVG DOM, &lsquo;<code
    class=css><code class=property>baseVal</code></code>&rsquo; must reflect
    the values of this author style sheet. All modifications to SVG DOM
    objects of &lsquo;<code class=css><code
@@ -1384,9 +1389,10 @@ <h4 id=svg-animate-element><span class=secno>7.8.1. </span>The SVG
    &lsquo;<code class=property>animate</code>&rsquo; and &lsquo;<code
    class=property>set</code>&rsquo; element</h4>
 
-  <p> The SVG 1.1 specification did not define animations of the &lsquo;<a
+  <p> The SVG 1.1 specification did not allow animations of the &lsquo;<a
    href="#effects"><code class=css><code
-   class=property>transform</code></code></a>&rsquo; attribute for the SVG <a
+   class=property>transform</code></code></a>&rsquo; attribute using the SVG
+   <a
    href="http://www.w3.org/TR/SVG/animate.html#AnimateElement">&lsquo;<code
    class=property>animate</code>&rsquo;</a> element or the SVG <a
    href="http://www.w3.org/TR/SVG/animate.html#SetElement">&lsquo;<code
@@ -1453,7 +1459,7 @@ <h4 id=svg-attribute-type><span class=secno>7.8.3. </span>The SVG
    class=css>auto</code></code>&rsquo;, where &lsquo;<code class=css><code
    class=css>auto</code></code>&rsquo; is the default value.
 
-  <p> However, in the combination with the &lsquo;<a href="#effects"><code
+  <p> However, in combination with the &lsquo;<a href="#effects"><code
    class=css><code class=property>transform</code></code></a>&rsquo;,
    &lsquo;<code class=property>patternTransform</code>&rsquo; and
    &lsquo;<code class=property>gradientTransform</code>&rsquo; presentation