scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-29 09:22:22 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Raster: implement getPixel and create beans for Raster#canvas and Raster#context that create a canvas object / context when called for the first time.

Browse source
This commit is contained in:
Jonathan Puckey 2011-02-21 19:52:41 +01:00
parent cd5b2a7198
commit 689ddf7555
1 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/item/Raster.js
View file

@ -3,8 +3,6 @@ Raster = Item.extend({
// TODO: implement url / type, width, height
// TODO: have PlacedSymbol & Raster inherit from a shared class?
// TODO: draw image directly onto a canvas, so we can use drawImage / setPixel
// or wait for user to call such a function and only then do so?
initialize: function(image) {
this.base();
if (image) {
@ -68,7 +66,10 @@ Raster = Item.extend({
// TODO: getPixel(point)
// TODO: test this
getPixel: function(x, y) {
var channels = ctx.getImageData(x + 0.5, y + 0.5, 1, 1).data;
var pixels = this.context.getImageData(x + 0.5, y + 0.5, 1, 1).data;
var channels = [];
for(var i = 0; i < 4; i++)
channels.push(pixels[i] / 255);
return Color.read(channels);
},
@ -77,6 +78,31 @@ Raster = Item.extend({
//
// }
getContext: function() {
if (!this._context)
this._context = this.canvas.getContext('2d');
return this._context;
},
setContext: function(context) {
this._context = context;
},
getCanvas: function() {
if (!this._canvas) {
this._canvas = CanvasProvider.getCanvas(this.size.width, this.size.height);
this.ctx = this._canvas.getContext('2d');
this.ctx.drawImage(this.image, 0, 0);
}
return this._canvas;
},
setCanvas: function(canvas) {
CanvasProvider.returnCanvas(this._canvas);
this._ctx = null;
this._canvas = canvas;
},
transformContent: function(matrix, flags) {
var bounds = this.bounds;
var coords = [bounds.x, bounds.y,
@ -96,8 +122,8 @@ Raster = Item.extend({
draw: function(ctx) {
ctx.save();
this.matrix.applyToContext(ctx);
var image = this.image;
ctx.drawImage(this.image, -this.size.width / 2, -this.size.height / 2);
var image = this._canvas ? this._canvas : this.image;
ctx.drawImage(image, -this.size.width / 2, -this.size.height / 2);
ctx.restore();
}
});