43 lines
1.1 KiB
HTML
43 lines
1.1 KiB
HTML
|
<?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>
|
||
|
|
|