<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>The Transform Function Lists - CSS Transforms Module Level 1 CR Test Suite</title> <style type="text/css"> @import "http://www.w3.org/StyleSheets/TR/base.css"; @import "../indices.css"; </style> </head> <body> <h1>CSS Transforms Module Level 1 CR Test Suite</h1> <h2>The Transform Function Lists (13 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> <col id="flags-column"></col> <col id="info-column"></col> <thead> <tr> <th>Test</th> <th><abbr title="Rendering References">Refs</abbr></th> <th>Flags</th> <th>Info</th> </tr> </thead> <tbody id="s16"> <tr><th colspan="4" scope="rowgroup"> <a href="#s16">+</a> <a href="http://www.w3.org/TR/css-transforms-1/#transform-function-lists">16 The Transform Function Lists</a></th></tr> <!-- 13 tests --> <tr id="svg-transform-list-separations-001-16" class="svg"> <td> <a href="svg-transform-list-separations-001.xht">svg-transform-list-separations-001</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>No separations between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with no separation between the 3 transform functions in the list</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-002-16" class="svg"> <td> <a href="svg-transform-list-separations-002.xht">svg-transform-list-separations-002</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Comma + no whitespace separations between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with no whitespace.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-003-16" class="svg"> <td> <a href="svg-transform-list-separations-003.xht">svg-transform-list-separations-003</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Comma + whitespace separations between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-004-16" class="svg"> <td> <a href="svg-transform-list-separations-004.xht">svg-transform-list-separations-004</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Whitespace separations between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by whitespace.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-005-16" class="svg"> <td> <a href="svg-transform-list-separations-005.xht">svg-transform-list-separations-005</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Comma, whitespace, and no separations between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list delimited by a comma, whitespace, and nothing.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-006-16" class="svg"> <td> <a href="svg-transform-list-separations-006.xht">svg-transform-list-separations-006</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Multiple spaces between transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 4 transform functions in the list with multiple spaces between them</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-007-16" class="svg"> <td> <a href="svg-transform-list-separations-007.xht">svg-transform-list-separations-007</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Multiple spaces before and after transform functions on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with multiple spaces before and after the transform function list</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-008-16" class="svg"> <td> <a href="svg-transform-list-separations-008.xht">svg-transform-list-separations-008</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Transform functions separated by commas separations with multiple spaces before the commas on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-009-16" class="svg"> <td> <a href="svg-transform-list-separations-009.xht">svg-transform-list-separations-009</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Transform functions separated by commas separations with spaces before and after the commas on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas with whitespace before the commas.</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-010-16" class="svg"> <td> <a href="svg-transform-list-separations-010.xht">svg-transform-list-separations-010</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Transform functions separated by newlines on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by newlines</li> </ul> </td> </tr> <tr id="svg-transform-list-separations-011-16" class="svg"> <td> <a href="svg-transform-list-separations-011.xht">svg-transform-list-separations-011</a></td> <td><a href="reference/svg-transform-list-separations-ref.xht">=</a> </td> <td><abbr class="svg" title="Requires SVG support">SVG</abbr></td> <td>Transform functions separated by commas and newlines on SVG presentation attribute <ul class="assert"> <li>The rect in the test should have an x offset of 100, a y offset of 100, and should be rotated 90 degrees clockwise with 3 transform functions in the list delimited by commas and newlines</li> </ul> </td> </tr> <tr id="transform-singular-001-16" class="primary"> <td><strong> <a href="transform-singular-001.xht">transform-singular-001</a></strong></td> <td><a href="reference/transform-singular-ref.xht">=</a> </td> <td></td> <td>matrix(1, 1, 1, 1, 0, 0) <ul class="assert"> <li>"If a transform function causes the current transformation matrix (CTM) of an object to be non-invertible, the object and its content do not get displayed." The matrix (1, 1, 1, 1) has determinant 1*1 - 1*1 = 0 and therefore is not invertible, so nothing should display.</li> </ul> </td> </tr> <tr id="transform3d-scale-004-16" class=""> <td> <a href="transform3d-scale-004.xht">transform3d-scale-004</a></td> <td><a href="reference/transform-blank-ref.xht">=</a> </td> <td></td> <td>scale3d(2, 2, 0) <ul class="assert"> <li>This tests that scale3d(2, 2, 0), being singular, causes the contents not to display.</li> </ul> </td> </tr> </tbody> </table> </body> </html>