diff options
author | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2019-01-13 13:11:43 +0100 |
---|---|---|
committer | Ulrich-Matthias Schäfer <ulima.ums@googlemail.com> | 2019-01-13 13:11:43 +0100 |
commit | b1c31462b498ee50e8ed3a88b07ad4a302431d32 (patch) | |
tree | 8929bb808ffda330dddb009a9d52a40cc242f19d /bench | |
parent | 8e4bb970c0c8772f119b5f3383b7f296ec4f2310 (diff) | |
download | svg.js-b1c31462b498ee50e8ed3a88b07ad4a302431d32.tar.gz svg.js-b1c31462b498ee50e8ed3a88b07ad4a302431d32.zip |
minor bugfix in bbox and performance changes3.0.7
Diffstat (limited to 'bench')
-rw-r--r-- | bench/tests/10000-rects.js | 185 |
1 files changed, 92 insertions, 93 deletions
diff --git a/bench/tests/10000-rects.js b/bench/tests/10000-rects.js index d6ef518..e01eb95 100644 --- a/bench/tests/10000-rects.js +++ b/bench/tests/10000-rects.js @@ -1,5 +1,5 @@ SVG.bench.describe('Generate 10000 rects', function(bench) { - bench.test('using SVG.js v2.5.3', function() { + bench.test('using SVG.js v3.0.6', function() { for (var i = 0; i < 10000; i++) bench.draw.rect(100,100) }) @@ -17,95 +17,94 @@ SVG.bench.describe('Generate 10000 rects', function(bench) { }) }) -// -// SVG.bench.describe('Generate 10000 rects with fill', function(bench) { -// bench.test('using SVG.js v2.5.3', function() { -// for (var i = 0; i < 10000; i++) -// bench.draw.rect(100,100).fill('#f06') -// }) -// bench.test('using vanilla js', function() { -// for (var i = 0; i < 10000; i++) { -// var rect = document.createElementNS(SVG.ns, 'rect') -// rect.setAttributeNS(null, 'height', 100) -// rect.setAttributeNS(null, 'width', 100) -// rect.setAttributeNS(null, 'fill', '#f06') -// bench.raw.appendChild(rect) -// } -// }) -// bench.test('using Snap.svg v0.5.1', function() { -// for (var i = 0; i < 10000; i++) -// bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') -// }) -// }) -// -// -// SVG.bench.describe('Generate 10000 rects with position and fill', function(bench) { -// bench.test('using SVG.js v2.5.3', function() { -// for (var i = 0; i < 10000; i++) -// bench.draw.rect(100,100).move(50,50).fill('#f06') -// }) -// bench.test('using vanilla js', function() { -// for (var i = 0; i < 10000; i++) { -// var rect = document.createElementNS(SVG.ns, 'rect') -// rect.setAttributeNS(null, 'height', 100) -// rect.setAttributeNS(null, 'width', 100) -// rect.setAttributeNS(null, 'fill', '#f06') -// rect.setAttributeNS(null, 'x', 50) -// rect.setAttributeNS(null, 'y', 50) -// bench.raw.appendChild(rect) -// } -// }) -// bench.test('using Snap.svg v0.5.1', function() { -// for (var i = 0; i < 10000; i++) -// bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') -// }) -// }) -// -// -// SVG.bench.describe('Generate 10000 rects with gradient fill', function(bench) { -// bench.test('using SVG.js v2.5.3', function() { -// for (var i = 0; i < 10000; i++) { -// var g = bench.draw.gradient('linear', function(add) { -// add.stop(0, '#000') -// add.stop(0.25, '#f00') -// add.stop(1, '#fff') -// }) -// -// bench.draw.rect(100,100).fill(g) -// } -// }) -// bench.test('using vanilla js', function() { -// for (var i = 0; i < 10000; i++) { -// var g = document.createElementNS(SVG.ns, 'linearGradient') -// var stop = document.createElementNS(SVG.ns, 'stop') -// stop.setAttributeNS(null, 'offset', '0%') -// stop.setAttributeNS(null, 'color', '#000') -// g.appendChild(stop) -// stop = document.createElementNS(SVG.ns, 'stop') -// stop.setAttributeNS(null, 'offset', '25%') -// stop.setAttributeNS(null, 'color', '#f00') -// g.appendChild(stop) -// stop = document.createElementNS(SVG.ns, 'stop') -// stop.setAttributeNS(null, 'offset', '100%') -// stop.setAttributeNS(null, 'color', '#fff') -// g.appendChild(stop) -// bench.raw.appendChild(g) -// -// var rect = document.createElementNS(SVG.ns, 'rect') -// rect.setAttributeNS(null, 'height', 100) -// rect.setAttributeNS(null, 'width', 100) -// rect.setAttributeNS(null, 'fill', '#f06') -// bench.raw.appendChild(rect) -// } -// }) -// bench.test('using Snap.svg v0.5.1', function() { -// for (var i = 0; i < 10000; i++) { -// var g = bench.snap.gradient("L(0, 0, 100, 100)#000-#f00:25%-#fff") -// -// bench.snap.rect(50, 50, 100, 100).attr({ -// fill: g -// }) -// } -// }) -// }) -// + +SVG.bench.describe('Generate 10000 rects with fill', function(bench) { + bench.test('using SVG.js v3.0.6', function() { + for (var i = 0; i < 10000; i++) + bench.draw.rect(100,100).fill('#f06') + }) + bench.test('using vanilla js', function() { + for (var i = 0; i < 10000; i++) { + var rect = document.createElementNS(SVG.ns, 'rect') + rect.setAttributeNS(null, 'height', 100) + rect.setAttributeNS(null, 'width', 100) + rect.setAttributeNS(null, 'fill', '#f06') + bench.raw.appendChild(rect) + } + }) + bench.test('using Snap.svg v0.5.1', function() { + for (var i = 0; i < 10000; i++) + bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') + }) +}) + + +SVG.bench.describe('Generate 10000 rects with position and fill', function(bench) { + bench.test('using SVG.js v3.0.6', function() { + for (var i = 0; i < 10000; i++) + bench.draw.rect(100,100).move(50,50).fill('#f06') + }) + bench.test('using vanilla js', function() { + for (var i = 0; i < 10000; i++) { + var rect = document.createElementNS(SVG.ns, 'rect') + rect.setAttributeNS(null, 'height', 100) + rect.setAttributeNS(null, 'width', 100) + rect.setAttributeNS(null, 'fill', '#f06') + rect.setAttributeNS(null, 'x', 50) + rect.setAttributeNS(null, 'y', 50) + bench.raw.appendChild(rect) + } + }) + bench.test('using Snap.svg v0.5.1', function() { + for (var i = 0; i < 10000; i++) + bench.snap.rect(50, 50, 100, 100).attr('fill', '#f06') + }) +}) + + +SVG.bench.describe('Generate 10000 rects with gradient fill', function(bench) { + bench.test('using SVG.js v3.0.6', function() { + for (var i = 0; i < 10000; i++) { + var g = bench.draw.gradient('linear', function(add) { + add.stop(0, '#000') + add.stop(0.25, '#f00') + add.stop(1, '#fff') + }) + + bench.draw.rect(100,100).fill(g) + } + }) + bench.test('using vanilla js', function() { + for (var i = 0; i < 10000; i++) { + var g = document.createElementNS(SVG.ns, 'linearGradient') + var stop = document.createElementNS(SVG.ns, 'stop') + stop.setAttributeNS(null, 'offset', '0%') + stop.setAttributeNS(null, 'color', '#000') + g.appendChild(stop) + stop = document.createElementNS(SVG.ns, 'stop') + stop.setAttributeNS(null, 'offset', '25%') + stop.setAttributeNS(null, 'color', '#f00') + g.appendChild(stop) + stop = document.createElementNS(SVG.ns, 'stop') + stop.setAttributeNS(null, 'offset', '100%') + stop.setAttributeNS(null, 'color', '#fff') + g.appendChild(stop) + bench.raw.appendChild(g) + + var rect = document.createElementNS(SVG.ns, 'rect') + rect.setAttributeNS(null, 'height', 100) + rect.setAttributeNS(null, 'width', 100) + rect.setAttributeNS(null, 'fill', '#f06') + bench.raw.appendChild(rect) + } + }) + bench.test('using Snap.svg v0.5.1', function() { + for (var i = 0; i < 10000; i++) { + var g = bench.snap.gradient("L(0, 0, 100, 100)#000-#f00:25%-#fff") + + bench.snap.rect(50, 50, 100, 100).attr({ + fill: g + }) + } + }) +}) |