123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <?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>
|