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

Add support for ChangeFlag notifications to Raster.

Browse source
This commit is contained in:
Jürg Lehni 2011-06-20 20:13:24 +01:00
parent ea9eacf578
commit 3aff54517e
2 changed files with 18 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/item/ChangeFlag.js
View file

@ -30,8 +30,10 @@ var ChangeFlag = {
ATTRIBUTE: 32,
// Text content
CONTENT: 64,
// Raster pixels
PIXELS: 128,
// Clipping in one of the child items
CLIPPING: 128
CLIPPING: 256
};
// Shortcuts to often used ChangeFlag values including APPEARANCE
@ -41,5 +43,6 @@ var Change = {
STROKE: ChangeFlag.STROKE | ChangeFlag.STYLE | ChangeFlag.APPEARANCE,
STYLE: ChangeFlag.STYLE | ChangeFlag.APPEARANCE,
ATTRIBUTE: ChangeFlag.ATTRIBUTE | ChangeFlag.APPEARANCE,
CONTENT: ChangeFlag.CONTENT | ChangeFlag.APPEARANCE
CONTENT: ChangeFlag.CONTENT | ChangeFlag.APPEARANCE,
PIXELS: ChangeFlag.PIXELS | ChangeFlag.APPEARANCE
};

24
src/item/Raster.js
View file

@ -75,7 +75,7 @@ var Raster = this.Raster = Item.extend({
// Setting canvas internally sets _size
this.setCanvas(CanvasProvider.getCanvas(size));
// Draw image back onto new canvas
this.getContext().drawImage(image, 0, 0, size.width, size.height);
this.getContext(true).drawImage(image, 0, 0, size.width, size.height);
},
/**
@ -122,9 +122,13 @@ var Raster = this.Raster = Item.extend({
* @bean
*/
getContext: function() {
if (!this._context) {
if (!this._context)
this._context = this.getCanvas().getContext('2d');
}
// Support a hidden parameter that indicates if the context will be used
// to modify the Raster object. We can notify such changes ahead since
// they are only used afterwards for redrawing.
if (arguments[0])
this._changed(Change.PIXELS);
return this._context;
},
@ -136,7 +140,7 @@ var Raster = this.Raster = Item.extend({
if (!this._canvas) {
this._canvas = CanvasProvider.getCanvas(this._size);
if (this._image)
this.getContext().drawImage(this._image, 0, 0);
this.getContext(true).drawImage(this._image, 0, 0);
}
return this._canvas;
},
@ -148,8 +152,7 @@ var Raster = this.Raster = Item.extend({
this._size = new Size(canvas.width, canvas.height);
this._image = null;
this._context = null;
// TODO: _changed()
this._bounds = null;
this._changed(Change.GEOMETRY);
},
/**
@ -171,8 +174,7 @@ var Raster = this.Raster = Item.extend({
this._size = new Size(image.naturalWidth, image.naturalHeight);
this._canvas = null;
this._context = null;
// TODO: _changed()
this._bounds = null;
this._changed(Change.GEOMETRY);
},
// DOCS: document Raster#getSubImage
@ -199,7 +201,7 @@ var Raster = this.Raster = Item.extend({
*/
drawImage: function(image, point) {
point = Point.read(arguments, 1);
this.getContext().drawImage(image, point.x, point.y);
this.getContext(true).drawImage(image, point.x, point.y);
},
/**
@ -320,7 +322,7 @@ var Raster = this.Raster = Item.extend({
var hasPoint = arguments.length == 2;
point = Point.read(arguments, 0, hasPoint ? 1 : 2);
color = Color.read(arguments, hasPoint ? 1 : 2);
var ctx = this.getContext(),
var ctx = this.getContext(true),
imageData = ctx.createImageData(1, 1),
alpha = color.getAlpha();
imageData.data[0] = color.getRed() * 255;
@ -362,7 +364,7 @@ var Raster = this.Raster = Item.extend({
*/
setData: function(data, point) {
point = Point.read(arguments, 1);
this.getContext().putImageData(data, point.x, point.y);
this.getContext(true).putImageData(data, point.x, point.y);
},
_transform: function(matrix, flags) {