svg-translate-with-units.html (1208B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transforms Test: SVG transform attribute with units on translate</title> 5 <link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org"> 6 <link rel="help" href="https://www.w3.org/TR/css-transforms-1/#svg-syntax"> 7 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/2623"> 8 <link rel="match" href="reference/svg-translate-ref.html"> 9 <meta name="assert" content="The translate transform function should not support the CSS transform syntax with units. The green rects in this test should have no transform applied."> 10 </head> 11 <body> 12 <p>The test passes if there is a green square and no red.</p> 13 <svg width="300" height="300"> 14 <rect x="50" y="50" width="100" height="100" fill="red"/> 15 <rect x="50" y="50" width="100" height="25" fill="green" transform="translate(10px 10px)"/> 16 <rect x="50" y="75" width="100" height="25" fill="green" transform="translate(10in 10in)"/> 17 <rect x="50" y="100" width="100" height="25" fill="green" transform="translate(10% 10%)"/> 18 <rect x="50" y="125" width="100" height="25" fill="green" transform="translate(10% 10)"/> 19 </svg> 20 </body> 21 </html>