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

Document: resize canvas element when Document#setSize is called.

Browse source
This commit is contained in:
Jonathan Puckey 2011-04-28 20:42:20 +02:00
parent 4b4e092f90
commit c14ea8f7b5
1 changed files with 24 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/document/Document.js
View file

@ -20,12 +20,16 @@ var Document = this.Document = Base.extend({
initialize: function(canvas) { initialize: function(canvas) {
if (canvas && canvas instanceof HTMLCanvasElement) { if (canvas && canvas instanceof HTMLCanvasElement) {
this.canvas = canvas; this.canvas = canvas;
this.size = new Size(canvas.offsetWidth, canvas.offsetHeight); this._size = Size.create(canvas.offsetWidth,
canvas.offsetHeight);
} else { } else {
this.size = Size.read(arguments) || new Size(1024, 768); this._size = Size.read(arguments) || new Size(1024, 768);
this.canvas = CanvasProvider.getCanvas(this.size); this.canvas = CanvasProvider.getCanvas(this._size);
} }
this.bounds = new Rectangle(new Point(0, 0), this.size); // TODO: currently we don't do anything with Document#bounds.. What
// does it mean to change the bounds of the document? (JP)
this.bounds = Rectangle.create(0, 0, this._size.width,
this._size.height);
this.context = this.canvas.getContext('2d'); this.context = this.canvas.getContext('2d');
paper.documents.push(this); paper.documents.push(this);
this.activate(); this.activate();
@ -33,11 +37,25 @@ var Document = this.Document = Base.extend({
this.activeLayer = new Layer(); this.activeLayer = new Layer();
this.setCurrentStyle(null); this.setCurrentStyle(null);
this.symbols = []; this.symbols = [];
this.views = [new DocumentView(this)]; this.activeView = new DocumentView(this);
this.activeView = this.views[0]; this.views = [this.activeView];
this._selectedItems = {}; this._selectedItems = {};
this._selectedItemCount = 0; this._selectedItemCount = 0;
}, },
getSize: function() {
return this._size;
},
setSize: function(size) {
size = Size.read(arguments);
if (this.canvas) {
this.canvas.width = size.width;
this.canvas.height = size.height;
}
this._size = size;
this.bounds.setSize(size);
},
getCurrentStyle: function() { getCurrentStyle: function() {
return this._currentStyle; return this._currentStyle;