| zimmermann@webkit.org | 8fc4539 | 2010-01-27 01:51:39 +0000 | [diff] [blame] | 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 | |
