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

Document: when the canvas element that is passed to the constructor has a resize attribute, resize the document to the size of the window whenever the user resizes the window.

Browse source
This commit is contained in:
Jonathan Puckey 2011-05-05 16:17:30 +01:00
parent ae699ff20f
commit 0e42f5be6d
1 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/document/Document.js
View file

@ -20,8 +20,30 @@ var Document = this.Document = Base.extend({
initialize: function(canvas) {
if (canvas && canvas instanceof HTMLCanvasElement) {
this.canvas = canvas;
this._size = Size.create(canvas.offsetWidth,
canvas.offsetHeight);
if (canvas.getAttribute('resize')) {
// If the canvas has a fullscreen attribute,
// resize the canvas to fill the window and resize it again
// whenever the user resizes the window.
// TODO: set the following styles on the body tag:
// body {
// background: black;
// margin: 0;
// overflow: hidden;
// }
this._size = Element.getScrollBounds().size;
this.canvas.width = this._size.width;
this.canvas.height = this._size.height;
var that = this;
Event.add(window, {
resize: function(event) {
that.setSize(Element.getScrollBounds().size);
that.redraw();
}
});
} else {
this._size = Size.create(canvas.offsetWidth,
canvas.offsetHeight);
}
} else {
this._size = Size.read(arguments) || new Size(1024, 768);
this.canvas = CanvasProvider.getCanvas(this._size);