Preparation code

<script>
  var value = 42;
  var ns = "http://www.w3.org/2000/svg";
  var svg = document.createElementNS(ns, 'svg');
  document.body.appendChild(svg);
  var r1 = document.createElementNS(ns, 'rect');
  r1.setAttribute('height', 10);
  r1.setAttribute('width', 10);
  r1.setAttribute('y', 50);
  r1.setAttribute('x', 10);
  r1.setAttribute('stroke', '#000000');
  r1.setAttribute('fill', '#007fff');
  svg.appendChild(r1);

var r2 = r1;

  var transformbb = r2.ownerSVGElement.createSVGTransform();
  r2.transform.baseVal.appendItem(transformbb);


r1 = document.createElementNS(ns, 'rect');
  r1.setAttribute('height', 10);
  r1.setAttribute('width', 10);
  r1.setAttribute('y', 10);
  r1.setAttribute('x', 10);
  r1.setAttribute('stroke', '#000000');
  r1.setAttribute('fill', '#007fff');
  svg.appendChild(r1);
    var x = 0;
</script>

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

x = (x+5) % 123;
var transform = r2.transform.baseVal.getItem(0);
r1.setAttribute("transform", "matrix( 1 0 0 1 " + x + " 0 )");

x = (x+5) % 123;
var transform = r2.transform.baseVal.getItem(0);
transform.matrix.e = x;

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Jens Podzierski on 12th June 2012
• Revision 2: published on 12th June 2012
• Revision 3: published on 26th July 2012
• Revision 4: published by Nathan Bingham on 27th August 2012
• Revision 5: published on 25th January 2013
• Revision 6: published on 25th January 2013

1 comment