|
|
@ -1,10 +1,19 @@ |
|
|
|
|
|
|
|
// Try loading
|
|
|
|
|
|
|
|
try { |
|
|
|
var o3 = true; |
|
|
|
canvasFactory = require('./node-o3-canvas/lib/o3-canvas') |
|
|
|
} catch (err) { |
|
|
|
var o3 = false; |
|
|
|
canvasFactory = function(){}; |
|
|
|
} |
|
|
|
|
|
|
|
/** |
|
|
|
* Module dependencies. |
|
|
|
*/ |
|
|
|
|
|
|
|
var Canvas = require('../lib/canvas') |
|
|
|
, canvasFactory = require('./node-o3-canvas/lib/o3-canvas') |
|
|
|
, canvas = new Canvas(200, 200) |
|
|
|
, largeCanvas = new Canvas(1000, 1000) |
|
|
|
, ctx = canvas.getContext('2d') |
|
|
@ -117,52 +126,56 @@ bm('moveTo() / arc() / stroke()', function(){ |
|
|
|
// node-o3-canvas
|
|
|
|
console.log('\n node-o3-canvas\n'); |
|
|
|
|
|
|
|
bm('lineTo()', function(){ |
|
|
|
o3ctx.lineTo(0, 50); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('arc()', function(){ |
|
|
|
o3ctx.arc(75,75,50,0,Math.PI*2,true); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillStyle= hex', function(){ |
|
|
|
o3ctx.fillStyle = '#FFCCAA'; |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillStyle= rgba()', function(){ |
|
|
|
o3ctx.fillStyle = 'rgba(0,255,80,1)'; |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillRect()', function(){ |
|
|
|
o3ctx.fillRect(50, 50, 100, 100); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('strokeRect()', function(){ |
|
|
|
o3ctx.strokeRect(50, 50, 100, 100); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer() 200x200', 50, function(){ |
|
|
|
o3ctx.pngBuffer(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer() 1000x1000', 50, function(){ |
|
|
|
o3ctxLarge.pngBuffer(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer().toBase64() 200x200', 50, function(){ |
|
|
|
o3ctx.pngBuffer().toBase64(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('moveTo() / arc() / stroke()', function(){ |
|
|
|
o3ctx.beginPath(); |
|
|
|
o3ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
|
|
|
|
o3ctx.moveTo(110,75); |
|
|
|
o3ctx.arc(75,75,35,0,Math.PI,false); // Mouth
|
|
|
|
o3ctx.moveTo(65,65); |
|
|
|
o3ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye
|
|
|
|
o3ctx.moveTo(95,65); |
|
|
|
o3ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye
|
|
|
|
o3ctx.stroke(); |
|
|
|
}); |
|
|
|
if (o3) { |
|
|
|
bm('lineTo()', function(){ |
|
|
|
o3ctx.lineTo(0, 50); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('arc()', function(){ |
|
|
|
o3ctx.arc(75,75,50,0,Math.PI*2,true); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillStyle= hex', function(){ |
|
|
|
o3ctx.fillStyle = '#FFCCAA'; |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillStyle= rgba()', function(){ |
|
|
|
o3ctx.fillStyle = 'rgba(0,255,80,1)'; |
|
|
|
}); |
|
|
|
|
|
|
|
bm('fillRect()', function(){ |
|
|
|
o3ctx.fillRect(50, 50, 100, 100); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('strokeRect()', function(){ |
|
|
|
o3ctx.strokeRect(50, 50, 100, 100); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer() 200x200', 50, function(){ |
|
|
|
o3ctx.pngBuffer(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer() 1000x1000', 50, function(){ |
|
|
|
o3ctxLarge.pngBuffer(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('pngBuffer().toBase64() 200x200', 50, function(){ |
|
|
|
o3ctx.pngBuffer().toBase64(); |
|
|
|
}); |
|
|
|
|
|
|
|
bm('moveTo() / arc() / stroke()', function(){ |
|
|
|
o3ctx.beginPath(); |
|
|
|
o3ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle
|
|
|
|
o3ctx.moveTo(110,75); |
|
|
|
o3ctx.arc(75,75,35,0,Math.PI,false); // Mouth
|
|
|
|
o3ctx.moveTo(65,65); |
|
|
|
o3ctx.arc(60,65,5,0,Math.PI*2,true); // Left eye
|
|
|
|
o3ctx.moveTo(95,65); |
|
|
|
o3ctx.arc(90,65,5,0,Math.PI*2,true); // Right eye
|
|
|
|
o3ctx.stroke(); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
console.log('cannot load'); |
|
|
|
} |
|
|
|
|
|
|
|
console.log(); |
|
|
|