diff options
| author | wout <wout@impinc.co.uk> | 2017-02-21 11:47:38 +0100 |
|---|---|---|
| committer | wout <wout@impinc.co.uk> | 2017-02-21 11:47:38 +0100 |
| commit | 2d11717fe6ccd6b420f2faa5d56e3064e8574d18 (patch) | |
| tree | c273dc07061f074599578fdf8d4d189469db3f04 | |
| parent | 05e0ed4776394ebe860fd28c66b33cb6d7736bdd (diff) | |
| download | svg.js-2d11717fe6ccd6b420f2faa5d56e3064e8574d18.tar.gz svg.js-2d11717fe6ccd6b420f2faa5d56e3064e8574d18.zip | |
Added paths to bench
| -rw-r--r-- | bench/runner.html | 4 | ||||
| -rw-r--r-- | bench/tests/10000-paths.js | 19 |
2 files changed, 22 insertions, 1 deletions
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 |