| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description("Tests whether changes to the 'currentTranslate' SVGSVGElement property take effect. You should see an unclipped 100x100 rect above."); |
| |
| var svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); |
| svg.setAttribute("width", "150"); |
| svg.setAttribute("height", "150"); |
| document.documentElement.insertBefore(svg, document.documentElement.firstChild); |
| |
| var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect"); |
| rect.setAttribute("x", "-100"); |
| rect.setAttribute("y", "-100"); |
| rect.setAttribute("width", "100"); |
| rect.setAttribute("height", "100"); |
| rect.setAttribute("fill", "green"); |
| svg.appendChild(rect); |
| |
| shouldBe("svg.currentTranslate.x", "0"); |
| shouldBe("svg.currentTranslate.y", "0"); |
| |
| // Modify tear off, and check results by calling svg.currentTranslate. |
| var currentTranslate = svg.currentTranslate; |
| currentTranslate.x = 100; |
| shouldBe("svg.currentTranslate.x", "100"); |
| |
| currentTranslate.y = 50; |
| shouldBe("svg.currentTranslate.y", "50"); |
| |
| currentTranslate.y = currentTranslate.y + 50; |
| shouldBe("svg.currentTranslate.y", "100"); |
| |
| var successfullyParsed = true; |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
