<!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.dev/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-boxes.js"></script> <script src="tests/10000-pointArray-bbox.js"></script> <script src="tests/10000-accesses.js"></script> <script src="tests/10000-transform.js"></script> --> <script> SVG.bench.run() </script> </body> </html>