52 lines
1.3 KiB
HTML
52 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>SVG.js benchmarker</title>
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
|
|
body {
|
|
font-family: 'Inconsolata', 'Menlo', monospace;
|
|
font-weight: 300;
|
|
color: #999;
|
|
font-size: 14px;
|
|
}
|
|
svg {
|
|
width: 2px;
|
|
height: 2px;
|
|
overflow: hidden;
|
|
position: fixed;
|
|
right: 0;
|
|
}
|
|
span.name {
|
|
color: #B7CD3E;
|
|
}
|
|
span.ms {
|
|
color: #FF0066;
|
|
}
|
|
h1 {
|
|
font-size: 1.2em;
|
|
}
|
|
.test {
|
|
text-indent: 1em;
|
|
}
|
|
.skipped {
|
|
color: #FBCB72;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="draw"></div>
|
|
<svg id="native" width="100" height="100" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"></svg>
|
|
<script src="../dist/svg.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
|
|
<script src="svg.bench.js"></script>
|
|
<!-- <script src="tests/10000-each.js"></script>
|
|
<script src="tests/10000-rects.js"></script>
|
|
<script src="tests/10000-circles.js"></script>
|
|
<script src="tests/10000-paths.js"></script>-->
|
|
<script src="tests/10000-polysPointRead.js"></script>
|
|
<script>
|
|
SVG.bench.run()
|
|
</script>
|
|
</body>
|
|
</html> |