| <?xml version="1.0" standalone="no"?> |
| <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20000802//EN" |
| "http://www.w3.org/TR/2000/CR-SVG-20000802/DTD/svg-20000802.dtd"> |
| |
| <!-- |
| |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| --> |
| <!-- ====================================================================== --> |
| <!-- Modification of a circle attributes --> |
| <!-- --> |
| <!-- @author tkormann@ilog.fr --> |
| <!-- @version $Id$ --> |
| <!-- ====================================================================== --> |
| |
| <?xml-stylesheet type="text/css" href="../../resources/style/test.css" ?> |
| |
| <svg id="body" width="450" height="500" viewBox="0 0 450 500" |
| onload="updateGroup1(); updateGroup2()"> |
| <title>Testing Update engine when root changes size/location.</title> |
| |
| <desc>To ensure proper test results you may need to turn off |
| double buffering and pause the animation and force a repaint, if |
| you see lots of junk then the repaint engine is not working |
| properly.</desc> |
| <script type="text/ecmascript"><![CDATA[ |
| var inRegard = false; |
| var time1 = 70; |
| function updateGroup1() { |
| var elt = document.getElementById("g1"); |
| var x = Math.cos(time1*3.1415926/180)*150 + 225; |
| var y = Math.sin(.5*(time1+90)*3.1415926/180)*150 + 250; |
| elt.setAttributeNS(null, "transform", |
| "translate("+x+","+y+")"); |
| time1 += 15; |
| if (!inRegard || (time1 < 470)) |
| setTimeout('updateGroup1()', 100); |
| if (inRegard && (time2 <= -290) && (time1 >= 470)) |
| regardTestInstance.scriptDone(); |
| } |
| var time2 = 110; |
| function updateGroup2() { |
| var elt = document.getElementById("g2"); |
| var x = Math.cos(time2*3.1415926/180)*150 + 225; |
| var y = Math.sin(.5*(time2+90)*3.1415926/180)*150 + 250; |
| elt.setAttributeNS(null, "transform", |
| "translate("+x+","+y+")"); |
| time2 -= 15; |
| if (!inRegard || (time2 > -290)) |
| setTimeout('updateGroup2()', 100); |
| if (inRegard && (time2 <= -290) && (time1 >= 470)) |
| regardTestInstance.scriptDone(); |
| } |
| function regardStart() { |
| inRegard = true; |
| } |
| ]]></script> |
| |
| <g id="test-content"> |
| <g id="g1"> |
| <rect x="-15" y="-25" width="30" height="50" |
| fill="none" stroke="black"/> |
| <circle cx="0" cy="0" r="10" fill="red"/> |
| </g> |
| <g id="g2"> |
| <rect x="-15" y="-25" width="30" height="50" |
| fill="none" stroke="black"/> |
| <circle cx="0" cy="0" r="10" fill="blue"/> |
| </g> |
| </g> |
| </svg> |
| |