Skip to content

Cleanup benchmark #836

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 30, 2016
Merged

Cleanup benchmark #836

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
236 changes: 123 additions & 113 deletions benchmarks/run.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,151 +1,161 @@
/**
* Adaptive benchmarking. Starts with `initialTimes` iterations, increasing by
* a power of two each time until the benchmark takes at least `minDuration_ms`
* a power of two each time until the benchmark takes at least `minDurationMs`
* milliseconds to complete.
*/

var Canvas = require('../lib/canvas')
, canvas = new Canvas(200, 200)
, largeCanvas = new Canvas(1000, 1000)
, ctx = canvas.getContext('2d');
var Canvas = require('../')
var canvas = new Canvas(200, 200)
var largeCanvas = new Canvas(1000, 1000)
var ctx = canvas.getContext('2d')

var initialTimes = 10;
var minDuration_ms = 2000;
var initialTimes = 10
var minDurationMs = 2000

var queue = [], running = false;
var queue = []
var running = false

function bm(label, fn) {
queue.push({label: label, fn: fn});
next();
function bm (label, fn) {
queue.push({ label: label, fn: fn })
next()
}

function next() {
function next () {
if (queue.length && !running) {
run(queue.pop(), initialTimes, Date.now());
run(queue.pop(), initialTimes, Date.now())
}
}

function run(benchmark, n, start) {
running = true;
var originalN = n;
var fn = benchmark.fn;
function run (benchmark, n, start) {
running = true
var originalN = n
var fn = benchmark.fn

if (fn.length) { // async
var pending = n;
while (n--) fn(function () {
--pending || done(benchmark, originalN, start, true);
});
var pending = n

while (n--) {
fn(function () {
--pending || done(benchmark, originalN, start, true)
})
}
} else {
while (n--) fn();
done(benchmark, originalN, start);
while (n--) fn()
done(benchmark, originalN, start)
}
}

function done(benchmark, times, start, async) {
var duration = Date.now() - start;
if (duration < minDuration_ms) {
run(benchmark, times * 2, Date.now());
function done (benchmark, times, start, isAsync) {
var duration = Date.now() - start

if (duration < minDurationMs) {
run(benchmark, times * 2, Date.now())
} else {
var opsSec = times / duration * 1000
if (async) {
console.log(' - \x1b[33m%s\x1b[0m %s ops/sec (%s times, async)', benchmark.label, opsSec.toLocaleString(), times);
if (isAsync) {
console.log(' - \x1b[33m%s\x1b[0m %s ops/sec (%s times, async)', benchmark.label, opsSec.toLocaleString(), times)
} else {
console.log(' - \x1b[33m%s\x1b[0m %s ops/sec (%s times)', benchmark.label, opsSec.toLocaleString(), times);
console.log(' - \x1b[33m%s\x1b[0m %s ops/sec (%s times)', benchmark.label, opsSec.toLocaleString(), times)
}
running = false;
next();
running = false
next()
}
}

// node-canvas

bm('lineTo()', function(){
ctx.lineTo(0, 50);
});
bm('lineTo()', function () {
ctx.lineTo(0, 50)
})

bm('arc()', function(){
ctx.arc(75,75,50,0,Math.PI*2,true);
});
bm('arc()', function () {
ctx.arc(75, 75, 50, 0, Math.PI * 2, true)
})

bm('fillStyle= hex', function(){
ctx.fillStyle = '#FFCCAA';
});
bm('fillStyle= hex', function () {
ctx.fillStyle = '#FFCCAA'
})

bm('fillStyle= rgba()', function(){
ctx.fillStyle = 'rgba(0,255,80,1)';
});
bm('fillStyle= rgba()', function () {
ctx.fillStyle = 'rgba(0,255,80,1)'
})

// Apparently there's a bug in cairo by which the fillRect and strokeRect are
// slow only after a ton of arcs have been drawn.
bm('fillRect()', function(){
ctx.fillRect(50, 50, 100, 100);
});

bm('strokeRect()', function(){
ctx.strokeRect(50, 50, 100, 100);
});

bm('linear gradients', function(){
var lingrad = ctx.createLinearGradient(0,50,0,95);
lingrad.addColorStop(0.5, '#000');
lingrad.addColorStop(1, 'rgba(0,0,0,0)');
ctx.fillStyle = lingrad;
ctx.fillRect(10,10,130,130);
});

bm('toBuffer() 200x200', function(){
canvas.toBuffer();
});

bm('toBuffer() 1000x1000', function(){
largeCanvas.toBuffer();
});

bm('toBuffer() async 200x200', function(done){
bm('fillRect()', function () {
ctx.fillRect(50, 50, 100, 100)
})

bm('strokeRect()', function () {
ctx.strokeRect(50, 50, 100, 100)
})

bm('linear gradients', function () {
var lingrad = ctx.createLinearGradient(0, 50, 0, 95)
lingrad.addColorStop(0.5, '#000')
lingrad.addColorStop(1, 'rgba(0,0,0,0)')
ctx.fillStyle = lingrad
ctx.fillRect(10, 10, 130, 130)
})

bm('toBuffer() 200x200', function () {
canvas.toBuffer()
})

bm('toBuffer() 1000x1000', function () {
largeCanvas.toBuffer()
})

bm('toBuffer() async 200x200', function (done) {
canvas.toBuffer(function (err, buf) {
done();
});
});
if (err) throw err

done()
})
})

bm('toBuffer() async 1000x1000', function(done){
bm('toBuffer() async 1000x1000', function (done) {
largeCanvas.toBuffer(function (err, buf) {
done();
});
});

bm('toBuffer().toString("base64") 200x200', function(){
canvas.toBuffer().toString('base64');
});

bm('toDataURL() 200x200', function(){
canvas.toDataURL();
});

bm('moveTo() / arc() / stroke()', function(){
ctx.beginPath();
ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
ctx.moveTo(110,75);
ctx.arc(75,75,35,0,Math.PI,false); // Mouth
ctx.moveTo(65,65);
ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye
ctx.moveTo(95,65);
ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye
ctx.stroke();
});

bm('createImageData(300,300)', function(){
ctx.createImageData(300,300);
});

bm('getImageData(0,0,100,100)', function(){
ctx.getImageData(0,0,100,100);
});

bm('PNGStream 200x200', function(done){
var stream = canvas.createSyncPNGStream();
stream.on('data', function(chunk){
if (err) throw err

done()
})
})

bm('toBuffer().toString("base64") 200x200', function () {
canvas.toBuffer().toString('base64')
})

bm('toDataURL() 200x200', function () {
canvas.toDataURL()
})

bm('moveTo() / arc() / stroke()', function () {
ctx.beginPath()
ctx.arc(75, 75, 50, 0, Math.PI * 2, true) // Outer circle
ctx.moveTo(110, 75)
ctx.arc(75, 75, 35, 0, Math.PI, false) // Mouth
ctx.moveTo(65, 65)
ctx.arc(60, 65, 5, 0, Math.PI * 2, true) // Left eye
ctx.moveTo(95, 65)
ctx.arc(90, 65, 5, 0, Math.PI * 2, true) // Right eye
ctx.stroke()
})

bm('createImageData(300,300)', function () {
ctx.createImageData(300, 300)
})

bm('getImageData(0,0,100,100)', function () {
ctx.getImageData(0, 0, 100, 100)
})

bm('PNGStream 200x200', function (done) {
var stream = canvas.createSyncPNGStream()
stream.on('data', function (chunk) {
// whatever
});
stream.on('end', function(){
done();
});
});
})
stream.on('end', function () {
done()
})
})
2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@
"prebenchmark": "node-gyp build",
"benchmark": "node benchmarks/run.js",
"pretest": "node-gyp build",
"test": "standard examples/*.js test/server.js test/public/*.js && mocha test/*.test.js",
"test": "standard examples/*.js test/server.js test/public/*.js benchmark/run.js && mocha test/*.test.js",
"pretest-server": "node-gyp build",
"test-server": "node test/server.js"
},
Expand Down