From: wout <wout@impinc.co.uk>
Date: Tue, 21 Feb 2017 10:47:38 +0000 (+0100)
Subject: Added paths to bench
X-Git-Tag: 2.5.0~53
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=2d11717fe6ccd6b420f2faa5d56e3064e8574d18;p=svg.js.git

Added paths to bench
---

diff --git a/bench/runner.html b/bench/runner.html
index e70666c..31b97c1 100644
--- a/bench/runner.html
+++ b/bench/runner.html
@@ -3,8 +3,9 @@
 <head>
   <title>SVG.js benchmarker</title>
   <style>
+    @import url('https://fonts.googleapis.com/css?family=Inconsolata');
     body {
-      font-family: 'Menlo', monospace;
+      font-family: 'Inconsolata', 'Menlo', monospace;
       font-weight: 300;
       color: #999;
       font-size: 14px;
@@ -41,6 +42,7 @@
   <script src="svg.bench.js"></script>
   <script src="tests/10000-rects.js"></script>
   <script src="tests/10000-circles.js"></script>
+  <script src="tests/10000-paths.js"></script>
   <script>
     SVG.bench.run()
   </script>
diff --git a/bench/tests/10000-paths.js b/bench/tests/10000-paths.js
new file mode 100644
index 0000000..378cb29
--- /dev/null
+++ b/bench/tests/10000-paths.js
@@ -0,0 +1,19 @@
+SVG.bench.describe('Generate 10000 paths', function(bench) {
+  var data = 'M 100 200 C 200 100 300  0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100'
+
+  bench.test('using SVG.js v2.4.0', function() {
+    for (var i = 0; i < 10000; i++)
+      bench.draw.path(data)
+  })
+  bench.test('using vanilla js', function() {
+    for (var i = 0; i < 10000; i++) {
+      var path = document.createElementNS(SVG.ns, 'path')
+      path.setAttributeNS(null, 'd', data)
+      bench.raw.appendChild(path)
+    }
+  })
+  bench.test('using Snap.svg v0.5.1', function() {
+    for (var i = 0; i < 10000; i++)
+      bench.snap.path(data)
+  })
+})
\ No newline at end of file
