scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-08 05:42:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Restructure CanvasProvider code and call save() and restore() upon retrieval / release.

Browse source
This commit is contained in:
Jürg Lehni 2013-06-17 15:24:57 -07:00
parent d98a9f40cb
commit a51745447b
1 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
src/canvas/CanvasProvider.js
View file

@ -16,31 +16,34 @@ var CanvasProvider = {
canvases: [], canvases: [],
getCanvas: function(width, height) { getCanvas: function(width, height) {
var size = height === undefined ? width : new Size(width, height); var size = height === undefined ? width : new Size(width, height),
canvas,
init = true;
if (this.canvases.length) { if (this.canvases.length) {
var canvas = this.canvases.pop(); canvas = this.canvases.pop();
// If they are not the same size, we don't need to clear them
// using clearRect and visa versa.
if ((canvas.width != size.width)
|| (canvas.height != size.height)) {
canvas.width = size.width;
canvas.height = size.height;
} else {
// +1 is needed on some browsers to really clear the borders
canvas.getContext('2d').clearRect(0, 0,
size.width + 1, size.height + 1);
}
return canvas;
} else { } else {
/*#*/ if (options.browser) { /*#*/ if (options.browser) {
var canvas = document.createElement('canvas'); canvas = document.createElement('canvas');
/*#*/ } else { // !options.browser
canvas = new Canvas(size.width, size.height);
init = false; // It's already initialized through constructor.
/*#*/ } // !options.browser
}
var ctx = canvas.getContext('2d');
// We save on retrieval and restore on release.
ctx.save();
// If they are not the same size, we don't need to clear them
// using clearRect and visa versa.
if (canvas.width === size.width && canvas.height === size.height) {
// +1 is needed on some browsers to really clear the borders
if (init)
ctx.clearRect(0, 0, size.width + 1, size.height + 1);
} else {
canvas.width = size.width; canvas.width = size.width;
canvas.height = size.height; canvas.height = size.height;
return canvas;
/*#*/ } else { // !options.browser
return new Canvas(size.width, size.height);
/*#*/ } // !options.browser
} }
return canvas;
}, },
getContext: function(width, height) { getContext: function(width, height) {
@ -49,6 +52,9 @@ var CanvasProvider = {
// release can receive either a canvas or a context. // release can receive either a canvas or a context.
release: function(obj) { release: function(obj) {
this.canvases.push(obj.canvas ? obj.canvas : obj); var canvas = obj.canvas ? obj.canvas : obj;
// We restore contexts on release(), see getCanvas()
canvas.getContext('2d').restore();
this.canvases.push(canvas);
} }
}; };