diff options
Diffstat (limited to 'bench/tests/10000-rects.js')
-rw-r--r-- | bench/tests/10000-rects.js | 87 |
1 files changed, 42 insertions, 45 deletions
diff --git a/bench/tests/10000-rects.js b/bench/tests/10000-rects.js index e01eb95..884e3a5 100644 --- a/bench/tests/10000-rects.js +++ b/bench/tests/10000-rects.js @@ -1,80 +1,77 @@ -SVG.bench.describe('Generate 10000 rects', function(bench) { - bench.test('using SVG.js v3.0.6', function() { - for (var i = 0; i < 10000; i++) - bench.draw.rect(100,100) - }) - 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) - 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) +SVG.bench.describe('Generate 10000 rects', function (bench) { + bench.test('using SVG.js v3.0.6', function () { + for (var i = 0; i < 10000; i++) bench.draw.rect(100, 100) }) -}) - - -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() { + 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') + bench.test('using Snap.svg v0.5.1', function () { + for (var i = 0; i < 10000; i++) bench.snap.rect(50, 50, 100, 100) }) }) - -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') +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() { + 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() { + 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() { +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) { + 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.draw.rect(100, 100).fill(g) } }) - bench.test('using vanilla js', function() { + 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') @@ -98,9 +95,9 @@ SVG.bench.describe('Generate 10000 rects with gradient fill', function(bench) { bench.raw.appendChild(rect) } }) - bench.test('using Snap.svg v0.5.1', function() { + 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") + var g = bench.snap.gradient('L(0, 0, 100, 100)#000-#f00:25%-#fff') bench.snap.rect(50, 50, 100, 100).attr({ fill: g |