Skip to content

Commit 8b44205

Browse files
smfrsmfr
committed
2012-02-22 simon.fraser@apple.com
 Fix some validation issues.
1 parent 2b735ea commit 8b44205

3 files changed

Lines changed: 48 additions & 47 deletions

File tree

‎css3-transforms/ChangeLog‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,5 @@
11
2012-02-22 simon.fraser@apple.com
2-
Add Issues list section with a link to bugzilla.
3-
Remove the DOM Interfaces section.
4-
Add Aryeh Gregor as an editor.
2+
Fix some validation issues.
53

64
2012-02-21 simon.fraser@apple.com
75
Add a link to #perspective-function

‎css3-transforms/Overview.html‎

Lines changed: 35 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -52,9 +52,11 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 22 February
5252
href="http://www.w3.org/TR/css3-transforms">http://www.w3.org/TR/css3-transforms/</a>
5353

5454

55-
<dt>Editor's Draft:
55+
<dt>Editor's draft:
5656

57-
<dd><a href="http://dev.w3.org/csswg/css3-transforms/"></a>
57+
<dd><a
58+
href="http://dev.w3.org/csswg/css3-transforms/">http://dev.w3.org/csswg/css3-transforms/</a>
59+
5860

5961
<dt>Previous version:
6062

@@ -687,11 +689,10 @@ <h3 id=transform-3d-rendering><span class=secno>5.1. </span>3D Transform
687689
participates in that context.
688690

689691
<li> An element whose computed value for <a href="#transform-style"><code
690-
class=property>transform-style</code></a> is <class
691-
style=css>&lsquo;<code class=css>preserve-3d</code>&rsquo;, and which
692-
itself participates in a <a class=term href="#d-rendering-context">3D
693-
rendering context</a>, extends that 3D rendering context rather than
694-
establishing a new one. </class>
692+
class=property>transform-style</code></a> is <code
693+
style=css>'preserve-3d'</code>, and which itself participates in a <a
694+
class=term href="#d-rendering-context">3D rendering context</a>, extends
695+
that 3D rendering context rather than establishing a new one.
695696

696697
<li> An element participates in a <a class=term
697698
href="#d-rendering-context">3D rendering context</a> if its containing
@@ -1807,18 +1808,18 @@ <h2 id=mathematical-description><span class=secno>16. </span> Mathematical
18071808
<p> Mathematically, all transformation functions can be represented as 4x4
18081809
transformation matrices of the following form:
18091810

1810-
<p><img height=106 src=4x4matrix.png
1811-
title="\begin{bmatrix} m11 & m21 & m31 & m41 \\ m12 & m22 & m32 & m42 \\ m13 & m23 & m33 & m43 \\ m14 & m24 & m34 & m44 \end{bmatrix}"
1812-
width=222>
1811+
<p><img
1812+
alt="\begin{bmatrix} m11 & m21 & m31 & m41 \\ m12 & m22 & m32 & m42 \\ m13 & m23 & m33 & m43 \\ m14 & m24 & m34 & m44 \end{bmatrix}"
1813+
height=106 src=4x4matrix.png width=222>
18131814

18141815
<ul>
18151816
<li id=MatrixDefined>
18161817
<p> A 2D 3x2 matrix with six parameters <em>a</em>, <em>b</em>,
18171818
<em>c</em>, <em>d</em>, <em>e</em> and <em>f</em> is equivalent to to
18181819
the matrix:</p>
1819-
<img height=106 src=matrix.png
1820-
title="\begin{bmatrix} a & c & 0 & e \\ b & d & 0 & f \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1821-
width=108>
1820+
<img
1821+
alt="\begin{bmatrix} a & c & 0 & e \\ b & d & 0 & f \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1822+
height=106 src=matrix.png width=108>
18221823

18231824
<li id=TranslateDefined>
18241825
<p> A 2D translation with the parameters <em>tx</em> and <em>ty</em> is
@@ -1837,9 +1838,9 @@ <h2 id=mathematical-description><span class=secno>16. </span> Mathematical
18371838
<li id=SkewDefined>
18381839
<p> A 2D skew transformation with the parameters <em>alpha</em> and
18391840
<em>beta</em> is equivalent to the matrix:</p>
1840-
<img height=106 src=skew.png
1841-
title="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1842-
width=205>
1841+
<img
1842+
alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1843+
height=106 src=skew.png width=205>
18431844

18441845
<li id=Translate3dDefined>
18451846
<p> A 3D translation with the parameters <em>tx</em>, <em>ty</em> and
@@ -1851,16 +1852,16 @@ <h2 id=mathematical-description><span class=secno>16. </span> Mathematical
18511852
<li id=Scale3dDefined>
18521853
<p> A 3D scaling with the parameters <em>sx</em>, <em>sy</em> and
18531854
<em>sz</em> is equivalent to the matrix:</p>
1854-
<img height=106 src=scale3d.png
1855-
title="\begin{bmatrix} sx & 0 & 0 & 0 \\ 0 & sy & 0 & 0 \\ 0 & 0 & sz & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1856-
width=137>
1855+
<img
1856+
alt="\begin{bmatrix} sx & 0 & 0 & 0 \\ 0 & sy & 0 & 0 \\ 0 & 0 & sz & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1857+
height=106 src=scale3d.png width=137>
18571858

18581859
<li id=Rotate3dDefined>
18591860
<p> A 3D rotation with the vector [x,y,z] and the parameter
18601861
<em>alpha</em> is equivalent to the matrix:</p>
1861-
<img height=106 src=rotate3dmatrix.png
1862-
title="\begin{bmatrix} 1 - 2 \cdot (y^2 + z^2) \cdot sq & 2 \cdot (x \cdot y \cdot sq - z \cdot sc) & 2 \cdot (x \cdot z \cdot sq + y \cdot sc) & 0 \\ 2 \cdot (x \cdot y \cdot sq + z \cdot sc) & 1 - 2 \cdot (x^2 + z^2) \cdot sq & 2 \cdot (y \cdot z \cdot sq - x \cdot sc) & 0 \\ 2 \cdot (x \cdot z \cdot sq - y \cdot sc) & 2 \cdot (y \cdot z \cdot sq + x \cdot sc) & 1 - 2 \cdot (x^2 + y^2) \cdot sq & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1863-
width=647>
1862+
<img
1863+
alt="\begin{bmatrix} 1 - 2 \cdot (y^2 + z^2) \cdot sq & 2 \cdot (x \cdot y \cdot sq - z \cdot sc) & 2 \cdot (x \cdot z \cdot sq + y \cdot sc) & 0 \\ 2 \cdot (x \cdot y \cdot sq + z \cdot sc) & 1 - 2 \cdot (x^2 + z^2) \cdot sq & 2 \cdot (y \cdot z \cdot sq - x \cdot sc) & 0 \\ 2 \cdot (x \cdot z \cdot sq - y \cdot sc) & 2 \cdot (y \cdot z \cdot sq + x \cdot sc) & 1 - 2 \cdot (x^2 + y^2) \cdot sq & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1864+
height=106 src=rotate3dmatrix.png width=647>
18641865
<p> where:</p>
18651866
<img height=50 src=rotate3dvariables.png
18661867
title="\newline sc = \sin (\alpha/2) \cdot \cos (\alpha/2) \newline sq = \sin^2 (\alpha/2)"
@@ -1869,30 +1870,30 @@ <h2 id=mathematical-description><span class=secno>16. </span> Mathematical
18691870
<li id=RotateXDefined>
18701871
<p> A 3D rotation about the X axis with the parameter <em>alpha</em> is
18711872
equivalent to the matrix:</p>
1872-
<img height=106 src=rotateX.png
1873-
title="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & \cos(\alpha) & -\sin(\alpha) & 0 \\ 0 & \sin(\alpha) & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1874-
width=220>
1873+
<img
1874+
alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & \cos(\alpha) & -\sin(\alpha) & 0 \\ 0 & \sin(\alpha) & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1875+
height=106 src=rotateX.png width=220>
18751876

18761877
<li id=RotateYDefined>
18771878
<p> A 3D rotation about the Y axis with the parameter <em>alpha</em> is
18781879
equivalent to the matrix:</p>
1879-
<img height=106 src=rotateY.png
1880-
title="\begin{bmatrix} \cos(\alpha) & 0 & \sin(\alpha) & 0 \\ 0 & 1 & 0 & 0 \\ -\sin(\alpha) & 0 & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1881-
width=220>
1880+
<img
1881+
alt="\begin{bmatrix} \cos(\alpha) & 0 & \sin(\alpha) & 0 \\ 0 & 1 & 0 & 0 \\ -\sin(\alpha) & 0 & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1882+
height=106 src=rotateY.png width=220>
18821883

18831884
<li id=RotateZDefined>
18841885
<p> A 3D rotation about the Z axis with the parameter <em>alpha</em> is
18851886
equivalent to the matrix:</p>
1886-
<img height=106 src=rotateZ.png
1887-
title="\begin{bmatrix} \cos(\alpha) & -\sin(\alpha) & 0 & 0 \\ \sin(\alpha) & \cos(\alpha) & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1888-
width=220>
1887+
<img
1888+
alt="\begin{bmatrix} \cos(\alpha) & -\sin(\alpha) & 0 & 0 \\ \sin(\alpha) & \cos(\alpha) & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}"
1889+
height=106 src=rotateZ.png width=220>
18891890

18901891
<li id=PerspectiveDefined>
18911892
<p> A perspective projection matrix with the parameter <em>d</em> is
18921893
equivalent to the matrix:</p>
1893-
<img height=106 src=perspective.png
1894-
title="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & -1/d & 1 \end{bmatrix}"
1895-
width=143>
1894+
<img
1895+
alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & -1/d & 1 \end{bmatrix}"
1896+
height=106 src=perspective.png width=143>
18961897
</ul>
18971898

18981899
<h2 id=references><span class=secno>17. </span>References</h2>

‎css3-transforms/Transforms.src.html‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,8 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
4141
<dt>Latest version:
4242
<dd><a
4343
href="http://www.w3.org/TR/css3-transforms">[LATEST]</a>
44+
<dt>Editor's draft:
45+
<dd><a href="http://dev.w3.org/csswg/[SHORTNAME]/">http://dev.w3.org/csswg/[SHORTNAME]/</a>
4446
<dt>Previous version:
4547
<dd>None
4648
<dt id="editors-list">Editors:
@@ -457,7 +459,7 @@ <h3 id="transform-3d-rendering">3D Transform Rendering</h3>
457459
</li>
458460
<li>
459461
An element whose computed value for <code class="property">transform-style</code> is
460-
<class style="css">'preserve-3d'</code>, and which itself participates in a
462+
<code style="css">'preserve-3d'</code>, and which itself participates in a
461463
<span class="term">3D rendering context</span>, extends that 3D rendering context rather than establishing
462464
a new one.
463465
</li>
@@ -1675,14 +1677,14 @@ <h2 id="mathematical-description">
16751677
<p>
16761678
Mathematically, all transformation functions can be represented as 4x4 transformation matrices of the following form:
16771679
</p>
1678-
<img src="4x4matrix.png" title="\begin{bmatrix} m11 & m21 & m31 & m41 \\ m12 & m22 & m32 & m42 \\ m13 & m23 & m33 & m43 \\ m14 & m24 & m34 & m44 \end{bmatrix}" width="222" height="106">
1680+
<img src="4x4matrix.png" alt="\begin{bmatrix} m11 & m21 & m31 & m41 \\ m12 & m22 & m32 & m42 \\ m13 & m23 & m33 & m43 \\ m14 & m24 & m34 & m44 \end{bmatrix}" width="222" height="106">
16791681

16801682
<ul>
16811683
<li id="MatrixDefined">
16821684
<p>
16831685
A 2D 3x2 matrix with six parameters <em>a</em>, <em>b</em>, <em>c</em>, <em>d</em>, <em>e</em> and <em>f</em> is equivalent to to the matrix:
16841686
</p>
1685-
<img src="matrix.png" title="\begin{bmatrix} a & c & 0 & e \\ b & d & 0 & f \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="108" height="106">
1687+
<img src="matrix.png" alt="\begin{bmatrix} a & c & 0 & e \\ b & d & 0 & f \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="108" height="106">
16861688
</li>
16871689
<li id="TranslateDefined">
16881690
<p>
@@ -1703,7 +1705,7 @@ <h2 id="mathematical-description">
17031705
<p>
17041706
A 2D skew transformation with the parameters <em>alpha</em> and <em>beta</em> is equivalent to the matrix:
17051707
</p>
1706-
<img src="skew.png" title="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="205" height="106">
1708+
<img src="skew.png" alt="\begin{bmatrix} 1 & \tan(\alpha) & 0 & 0 \\ \tan(\beta) & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="205" height="106">
17071709
</li>
17081710
<li id="Translate3dDefined">
17091711
<p>
@@ -1715,13 +1717,13 @@ <h2 id="mathematical-description">
17151717
<p>
17161718
A 3D scaling with the parameters <em>sx</em>, <em>sy</em> and <em>sz</em> is equivalent to the matrix:
17171719
</p>
1718-
<img src="scale3d.png" title="\begin{bmatrix} sx & 0 & 0 & 0 \\ 0 & sy & 0 & 0 \\ 0 & 0 & sz & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="137" height="106">
1720+
<img src="scale3d.png" alt="\begin{bmatrix} sx & 0 & 0 & 0 \\ 0 & sy & 0 & 0 \\ 0 & 0 & sz & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="137" height="106">
17191721
</li>
17201722
<li id="Rotate3dDefined">
17211723
<p>
17221724
A 3D rotation with the vector [x,y,z] and the parameter <em>alpha</em> is equivalent to the matrix:
17231725
</p>
1724-
<img src="rotate3dmatrix.png" title="\begin{bmatrix} 1 - 2 \cdot (y^2 + z^2) \cdot sq & 2 \cdot (x \cdot y \cdot sq - z \cdot sc) & 2 \cdot (x \cdot z \cdot sq + y \cdot sc) & 0 \\ 2 \cdot (x \cdot y \cdot sq + z \cdot sc) & 1 - 2 \cdot (x^2 + z^2) \cdot sq & 2 \cdot (y \cdot z \cdot sq - x \cdot sc) & 0 \\ 2 \cdot (x \cdot z \cdot sq - y \cdot sc) & 2 \cdot (y \cdot z \cdot sq + x \cdot sc) & 1 - 2 \cdot (x^2 + y^2) \cdot sq & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="647" height="106">
1726+
<img src="rotate3dmatrix.png" alt="\begin{bmatrix} 1 - 2 \cdot (y^2 + z^2) \cdot sq & 2 \cdot (x \cdot y \cdot sq - z \cdot sc) & 2 \cdot (x \cdot z \cdot sq + y \cdot sc) & 0 \\ 2 \cdot (x \cdot y \cdot sq + z \cdot sc) & 1 - 2 \cdot (x^2 + z^2) \cdot sq & 2 \cdot (y \cdot z \cdot sq - x \cdot sc) & 0 \\ 2 \cdot (x \cdot z \cdot sq - y \cdot sc) & 2 \cdot (y \cdot z \cdot sq + x \cdot sc) & 1 - 2 \cdot (x^2 + y^2) \cdot sq & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="647" height="106">
17251727
<p>
17261728
where:
17271729
</p>
@@ -1731,25 +1733,25 @@ <h2 id="mathematical-description">
17311733
<p>
17321734
A 3D rotation about the X axis with the parameter <em>alpha</em> is equivalent to the matrix:
17331735
</p>
1734-
<img src="rotateX.png" title="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & \cos(\alpha) & -\sin(\alpha) & 0 \\ 0 & \sin(\alpha) & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
1736+
<img src="rotateX.png" alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & \cos(\alpha) & -\sin(\alpha) & 0 \\ 0 & \sin(\alpha) & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
17351737
</li>
17361738
<li id="RotateYDefined">
17371739
<p>
17381740
A 3D rotation about the Y axis with the parameter <em>alpha</em> is equivalent to the matrix:
17391741
</p>
1740-
<img src="rotateY.png" title="\begin{bmatrix} \cos(\alpha) & 0 & \sin(\alpha) & 0 \\ 0 & 1 & 0 & 0 \\ -\sin(\alpha) & 0 & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
1742+
<img src="rotateY.png" alt="\begin{bmatrix} \cos(\alpha) & 0 & \sin(\alpha) & 0 \\ 0 & 1 & 0 & 0 \\ -\sin(\alpha) & 0 & \cos(\alpha) & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
17411743
</li>
17421744
<li id="RotateZDefined">
17431745
<p>
17441746
A 3D rotation about the Z axis with the parameter <em>alpha</em> is equivalent to the matrix:
17451747
</p>
1746-
<img src="rotateZ.png" title="\begin{bmatrix} \cos(\alpha) & -\sin(\alpha) & 0 & 0 \\ \sin(\alpha) & \cos(\alpha) & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
1748+
<img src="rotateZ.png" alt="\begin{bmatrix} \cos(\alpha) & -\sin(\alpha) & 0 & 0 \\ \sin(\alpha) & \cos(\alpha) & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & 0 & 1 \end{bmatrix}" width="220" height="106">
17471749
</li>
17481750
<li id="PerspectiveDefined">
17491751
<p>
17501752
A perspective projection matrix with the parameter <em>d</em> is equivalent to the matrix:
17511753
</p>
1752-
<img src="perspective.png" title="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & -1/d & 1 \end{bmatrix}" width="143" height="106">
1754+
<img src="perspective.png" alt="\begin{bmatrix} 1 & 0 & 0 & 0 \\ 0 & 1 & 0 & 0 \\ 0 & 0 & 1 & 0 \\ 0 & 0 & -1/d & 1 \end{bmatrix}" width="143" height="106">
17531755
</li>
17541756
</ul>
17551757

0 commit comments

Comments
 (0)