author | tbah <tavmjong@free.fr> |
Mon, 12 Mar 2012 14:29:51 +0100 | |
changeset 2 | 5c6bb6615ae4 |
parent 1 | 61fd7fcf935d |
child 3 | 87c6e69dec9b |
contributors/tavmjong/incoming/transforms-basic-001-prefixed.svg | ||
contributors/tavmjong/incoming/transforms-basic-001-ref.svg | ||
contributors/tavmjong/incoming/transforms-basic-001.svg | ||
contributors/tavmjong/incoming/transforms-basic-002-prefixed.svg | ||
contributors/tavmjong/incoming/transforms-basic-002-ref.svg | ||
contributors/tavmjong/incoming/transforms-basic-002.svg | ||
contributors/tavmjong/incoming/transforms-basic-003-prefixed.svg | ||
contributors/tavmjong/incoming/transforms-basic-003.svg | ||
contributors/tavmjong/submitted/template_001.svg | ||
contributors/tavmjong/submitted/template_001_ref.svg |
--- a/contributors/tavmjong/incoming/transforms-basic-001-prefixed.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-001-prefixed.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,73 +2,75 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-001-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-001-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> - .translate { - -webkit-transform: translate(25px,30px); - -moz-transform: translate(25px,30px); - -ms-transform: translate(25px,30px); - -o-transform: translate(25px,30px); - transform: translate(25px,30px); - } - - .rotate { - -webkit-transform: rotate(30deg); - -moz-transform: rotate(30deg); - -ms-transform: rotate(30deg); - -o-transform: rotate(30deg); - transform: rotate(30deg); - } - - .rotate2 { - -webkit-transform: rotate(30deg, -25px, -10px); - -moz-transform: rotate(30deg, -25px, -10px); - -ms-transform: rotate(30deg, -25px, -10px); - -o-transform: rotate(30deg, -25px, -10px); - transform: rotate(30deg, -25px, -10px); - } - - .scale { - -webkit-transform: scale( 0.5, 1.5 ); - -moz-transform: scale( 0.5, 1.5 ); - -ms-transform: scale( 0.5, 1.5 ); - -o-transform: scale( 0.5, 1.5 ); - transform: scale( 0.5, 1.5 ); - } - - .skewx { - -webkit-transform: skewX( 30deg ); - -moz-transform: skewX( 30deg ); - -ms-transform: skewX( 30deg ); - -o-transform: skewX( 30deg ); - transform: skewX( 30deg ); - } - - .skewy { - -webkit-transform: skewY( 30deg ); - -moz-transform: skewY( 30deg ); - -ms-transform: skewY( 30deg ); - -o-transform: skewY( 30deg ); - transform: skewY( 30deg ); - } + .translate { + -webkit-transform: translate(25px,30px); + -moz-transform: translate(25px,30px); + -ms-transform: translate(25px,30px); + -o-transform: translate(25px,30px); + transform: translate(25px,30px); + } + + .rotate { + -webkit-transform: rotate(30deg); + -moz-transform: rotate(30deg); + -ms-transform: rotate(30deg); + -o-transform: rotate(30deg); + transform: rotate(30deg); + } + + .rotate2 { + -webkit-transform: rotate(30deg, -25px, -10px); + -moz-transform: rotate(30deg, -25px, -10px); + -ms-transform: rotate(30deg, -25px, -10px); + -o-transform: rotate(30deg, -25px, -10px); + transform: rotate(30deg, -25px, -10px); + } + + .scale { + -webkit-transform: scale( 0.5, 1.5 ); + -moz-transform: scale( 0.5, 1.5 ); + -ms-transform: scale( 0.5, 1.5 ); + -o-transform: scale( 0.5, 1.5 ); + transform: scale( 0.5, 1.5 ); + } + + .skewx { + -webkit-transform: skewX( 30deg ); + -moz-transform: skewX( 30deg ); + -ms-transform: skewX( 30deg ); + -o-transform: skewX( 30deg ); + transform: skewX( 30deg ); + } + + .skewy { + -webkit-transform: skewY( 30deg ); + -moz-transform: skewY( 30deg ); + -ms-transform: skewY( 30deg ); + -o-transform: skewY( 30deg ); + transform: skewY( 30deg ); + } </style> <style type="text/css"> @@ -124,7 +126,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -165,8 +167,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-001-ref.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-001-ref.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,15 +2,21 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + </g> <style type="text/css"> .orig { fill: none; stroke-width: 2; stroke: gray; } @@ -55,7 +61,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -87,8 +93,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-001.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-001.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,24 +2,26 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-001-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-001-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> .translate { transform: translate( 25px, 30px ); } @@ -83,7 +85,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -124,8 +126,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-002-prefixed.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-002-prefixed.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,73 +2,75 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic via Matrix</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-002-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic via Matrix</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-002-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> - .translate { - -webkit-transform: matrix(1,0,0,1,25,30); - -moz-transform: matrix(1,0,0,1,25,30); - -ms-transform: matrix(1,0,0,1,25,30); - -o-transform: matrix(1,0,0,1,25,30); - transform: matrix(1,0,0,1,25,30); - } - - .rotate { - -webkit-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); - -moz-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); - -ms-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); - -o-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); - transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); - } - - .rotate2 { - -webkit-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); - -moz-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); - -ms-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); - -o-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); - transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); - } - - .scale { - -webkit-transform: matrix(0.5,0,0,1.5,0,0); - -moz-transform: matrix(0.5,0,0,1.5,0,0); - -ms-transform: matrix(0.5,0,0,1.5,0,0); - -o-transform: matrix(0.5,0,0,1.5,0,0); - transform: matrix(0.5,0,0,1.5,0,0); - } - - .skewx { - -webkit-transform: matrix(1,0,0.57735027,1,0,0); - -moz-transform: matrix(1,0,0.57735027,1,0,0); - -ms-transform: matrix(1,0,0.57735027,1,0,0); - -o-transform: matrix(1,0,0.57735027,1,0,0); - transform: matrix(1,0,0.57735027,1,0,0); - } - - .skewy { - -webkit-transform: matrix(1,0.57735027,0,1,0,0); - -moz-transform: matrix(1,0.57735027,0,1,0,0); - -ms-transform: matrix(1,0.57735027,0,1,0,0); - -o-transform: matrix(1,0.57735027,0,1,0,0); - transform: matrix(1,0.57735027,0,1,0,0); - } + .translate { + -webkit-transform: matrix(1,0,0,1,25,30); + -moz-transform: matrix(1,0,0,1,25,30); + -ms-transform: matrix(1,0,0,1,25,30); + -o-transform: matrix(1,0,0,1,25,30); + transform: matrix(1,0,0,1,25,30); + } + + .rotate { + -webkit-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); + -moz-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); + -ms-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); + -o-transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); + transform: matrix(0.8660254,0.5,-0.5,0.8660254,0,0); + } + + .rotate2 { + -webkit-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); + -moz-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); + -ms-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); + -o-transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); + transform: matrix(0.8660254,0.5,-0.5,0.8660254,-8.3493649,11.160254); + } + + .scale { + -webkit-transform: matrix(0.5,0,0,1.5,0,0); + -moz-transform: matrix(0.5,0,0,1.5,0,0); + -ms-transform: matrix(0.5,0,0,1.5,0,0); + -o-transform: matrix(0.5,0,0,1.5,0,0); + transform: matrix(0.5,0,0,1.5,0,0); + } + + .skewx { + -webkit-transform: matrix(1,0,0.57735027,1,0,0); + -moz-transform: matrix(1,0,0.57735027,1,0,0); + -ms-transform: matrix(1,0,0.57735027,1,0,0); + -o-transform: matrix(1,0,0.57735027,1,0,0); + transform: matrix(1,0,0.57735027,1,0,0); + } + + .skewy { + -webkit-transform: matrix(1,0.57735027,0,1,0,0); + -moz-transform: matrix(1,0.57735027,0,1,0,0); + -ms-transform: matrix(1,0.57735027,0,1,0,0); + -o-transform: matrix(1,0.57735027,0,1,0,0); + transform: matrix(1,0.57735027,0,1,0,0); + } </style> @@ -125,7 +127,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -166,8 +168,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-002-ref.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-002-ref.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,15 +2,21 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic via Matrix</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic via Matrix</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + </g> <style type="text/css"> .orig { fill: none; stroke-width: 2; stroke: gray; } @@ -55,7 +61,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -87,8 +93,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-002.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-002.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,24 +2,26 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic via Matrix</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-001-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic via Matrix</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-002-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> .translate { transform: matrix(1,0,0,1,25,30); } @@ -83,7 +85,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -124,8 +126,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-003-prefixed.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-003-prefixed.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,74 +2,76 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic via 3D Matrix</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-002-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic via 3D Matrix</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-002-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> - .translate { - -webkit-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); - -moz-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); - -ms-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); - -o-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); - transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); - } - - .rotate { - -webkit-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); - -moz-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); - -ms-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); - -o-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); - transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); - } - - .rotate2 { - -webkit-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); - -moz-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); - -ms-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); - -o-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); - transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); - } - - .scale { - -webkit-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); - -moz-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); - -ms-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); - -o-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); - transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); - } - - .skewx { - -webkit-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); - -moz-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); - -ms-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); - -o-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); - transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); - } - - .skewy { - -webkit-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); - -moz-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); - -ms-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); - -o-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); - transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); - } + .translate { + -webkit-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); + -moz-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); + -ms-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); + -o-transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); + transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); + } + + .rotate { + -webkit-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); + -moz-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); + -ms-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); + -o-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); + transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, 0,0,0,1); + } + + .rotate2 { + -webkit-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); + -moz-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); + -ms-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); + -o-transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); + transform: matrix3d(0.8660254,0.5,0,0, -0.5,0.8660254,0,0, 0,0,1,0, -8.3493649,11.160254,0,1); + } + + .scale { + -webkit-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); + -moz-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); + -ms-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); + -o-transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); + transform: matrix3d(0.5,0,0,0, 0,1.5,0,0, 0,0,1,0, 0,0,0,1); + } + + .skewx { + -webkit-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); + -moz-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); + -ms-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); + -o-transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); + transform: matrix3d(1,0,0,0, 0.57735027,1,0,0, 0,0,1,0, 0,0,0,1); + } + + .skewy { + -webkit-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); + -moz-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); + -ms-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); + -o-transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); + transform: matrix3d(1,0.57735027,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,1); + } </style> @@ -126,7 +128,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -167,8 +169,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/incoming/transforms-basic-003.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/incoming/transforms-basic-003.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,24 +2,26 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>CSS Transforms: Basic via 3D Matrix</title> - <link rel="author" - title="Tavmjong Bah" - href="mailto:tavmjong@free.fr"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> - <link rel="match" href="transforms-basic-002-ref.svg" /> - <meta name="flags" content="namespace svg" /> - <meta name="assert" content="Uses CSS to transform boxes. No red should be seen."/> - </head> - </d:SVGTestCase> + + <g id="testmeta"> + <title>CSS Transforms: Basic via 3D Matrix</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="http://www.w3.org/TR/2012/WD-css3-transforms-20120228/"/> + <link rel="match" href="transforms-basic-002-ref.svg" /> + <metadata class="flags">namespace svg</metadata> + <desc class="assert">Uses CSS to transform boxes. No red should be seen.</desc> + </g> <style id="test-style" type="text/css"> .translate { transform: matrix3d(1,0,0,0, 0,1,0,0, 0,0,1,0, 25,30,0,1); } @@ -83,7 +85,7 @@ </g> </g> - <!-- Scale --> + <!-- SCALE --> <g transform="translate(120,220)"> <g class="orig"> <use xlink:href="#basic"/> @@ -124,8 +126,4 @@ </g> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> - </svg>
--- a/contributors/tavmjong/submitted/template_001.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/submitted/template_001.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,41 +2,39 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>SVG Test: DESCRIPTION OF TEST</title> - <link rel="author" - title="NAME_OF_AUTHOR" - href="mailto:EMAIL OR http://CONTACT_PAGE"/> - <link rel="reviewer" - title="NAME_OF_REVIEWER" - href="mailto:EMAIL OR http://CONTACT_PAGE" /> - <!-- YYYY-MM-DD --> - <link rel="help" - href="RELEVANT_SPEC_SECTION"/> - <link rel="match" href="RELATIVE_PATH_TO_REFERENCE_FILE" /> - <link rel="mismatch" href="RELATIVE_PATH_TO_REFERENCE_FILE" /> - <meta name="flags" content="TOKENS" /> - <meta name="assert" content="TEST ASSERTION"/> - </head> - </d:SVGTestCase> - <style id="test-style" type="text/css"> - /* Style that is being tested (if needed). */ - text { fill: green; } - </style> - - <defs></defs> + <g id="testmeta"> + <title>SVG Test: DESCRIPTION OF TEST</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="NAME_OF_AUTHOR" + href="mailto:EMAIL OR http://CONTACT_PAGE"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <link rel="help" + href="RELEVANT_SPEC_SECTION"/> + <link rel="match" href="RELATIVE_PATH_TO_REFERENCE_FILE" /> + <link rel="mismatch" href="RELATIVE_PATH_TO_REFERENCE_FILE" /> + <metadata class="flags">TOKENS</metadata> + <desc class="assert">TEST ASSERTION</desc> + </g> - <text id="title" x="240" y="50" style="fill:black; font-size:24px; text-anchor:middle;">SVG Test Template</text> + <style id="test-style" type="text/css"> + /* Style that is being tested (if needed). */ + text { fill: green; } + </style> - <g id="test-body-content"> - <text x="50" y="100" fill="red">This text should be green.</text> - </g> + <defs></defs> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> + <text id="title" x="240" y="50" style="fill:black; font-size:24px; text-anchor:middle;">SVG Test Template</text> + + <g id="test-body-content"> + <text x="50" y="100" fill="red">This text should be green.</text> + </g> </svg>
--- a/contributors/tavmjong/submitted/template_001_ref.svg Thu Mar 08 14:32:33 2012 +0100 +++ b/contributors/tavmjong/submitted/template_001_ref.svg Mon Mar 12 14:29:51 2012 +0100 @@ -2,26 +2,28 @@ width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> - <d:SVGTestCase xmlns:d="http://www.w3.org/2012/03/svg/testsuite/description/" - xmlns="http://www.w3.org/1999/xhtml"> - <head> - <title>SVG Test: DESCRIPTION OF TEST</title> - <link rel="author" - title="NAME_OF_AUTHOR" - href="mailto:EMAIL OR http://CONTACT_PAGE"/> - </head> - </d:SVGTestCase> - <defs></defs> - - <text id="title" x="240" y="50" style="fill:black; font-size:24px; text-anchor:middle;">SVG Test Template</text> + <g id="testmeta"> + <title>SVG Test: DESCRIPTION OF TEST</title> + <link rel="copyright" + href="@@link to copyright page to be added@@"/> + <link rel="license" + href="http://www.w3.org/Consortium/Legal/2008/03-bsd-license.html"/> + <link rel="author" + title="NAME_OF_AUTHOR" + href="mailto:EMAIL OR http://CONTACT_PAGE"/> + <link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + </g> - <g id="test-body-content"> - <text x="50" y="100" fill="green">This text should be green.</text> - </g> + <defs></defs> - <rect id="test-frame" - x="0.5" y="0.5" width="479" height="359" - fill="none" stroke="black"/> + <text id="title" x="240" y="50" style="fill:black; font-size:24px; text-anchor:middle;">SVG Test Template</text> + + <g id="test-body-content"> + <text x="50" y="100" fill="green">This text should be green.</text> + </g> </svg>