summaryrefslogtreecommitdiffstats
path: root/Source/WebCore/manual-tests/svg-node-count-vs-scroll.xhtml
blob: 1890a53984f947a62859487082b7766ff89f8fec (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xml:lang="en">
 <head>
  <title>SVG Scrolling Performance depends on #node is Safari?</title>

  <script type="text/javascript">
  <![CDATA[

  var SVG_NS = 'http://www.w3.org/2000/svg';

  function init() {
    var nodeCount = parseInt(prompt('# <rect> to generate? ', 50000));

    var svgRoot = document.createElementNS(SVG_NS, 'svg');

    for (var i = 0; i < nodeCount; i++) {
      var node = document.createElementNS(SVG_NS, 'rect');
      node.setAttribute('x', i);
      node.setAttribute('y', i);
      node.setAttribute('width', 1);
      node.setAttribute('height', i);
      node.setAttribute('fill', 'red');

      svgRoot.appendChild(node);
    }

    svgRoot.style.width = nodeCount + 'px';
    svgRoot.style.height = nodeCount + 'px';
    document.body.appendChild(svgRoot);
  }

  ]]>
  </script>
 </head>

 <body onload="init()">
   <h1>SVG Scrolling Performance depends on #node is Safari?</h1>
 </body>
</html>