ManualTests/svg-node-count-vs-scroll.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   3  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xml:lang="en">
   5  <head>
   6   <title>SVG Scrolling Performance depends on #node is Safari?</title>
   7
   8   <script type="text/javascript">
   9   <![CDATA[
  10
  11   var SVG_NS = 'http://www.w3.org/2000/svg';
  12
  13   function init() {
  14     var nodeCount = parseInt(prompt('# <rect> to generate? ', 50000));
  15
  16     var svgRoot = document.createElementNS(SVG_NS, 'svg');
  17
  18     for (var i = 0; i < nodeCount; i++) {
  19       var node = document.createElementNS(SVG_NS, 'rect');
  20       node.setAttribute('x', i);
  21       node.setAttribute('y', i);
  22       node.setAttribute('width', 1);
  23       node.setAttribute('height', i);
  24       node.setAttribute('fill', 'red');
  25
  26       svgRoot.appendChild(node);
  27     }
  28
  29     svgRoot.style.width = nodeCount + 'px';
  30     svgRoot.style.height = nodeCount + 'px';
  31     document.body.appendChild(svgRoot);
  32   }
  33
  34   ]]>
  35   </script>
  36  </head>
  37
  38  <body onload="init()">
  39    <h1>SVG Scrolling Performance depends on #node is Safari?</h1>
  40  </body>
  41 </html>
  42