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

PlacedSymbol/ Raster: Use Matrix#applyToContext in draw functions. Also clean up Raster a bit.

Browse source
This commit is contained in:
Jonathan Puckey 2011-02-21 19:04:51 +01:00
parent 5a786c300b
commit cd5b2a7198
2 changed files with 12 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/item/PlacedSymbol.js
View file

@ -11,7 +11,7 @@ PlacedSymbol = Item.extend({
if (arguments.length > 1) {
var arg = arguments[1];
if (arg instanceof Matrix) {
this.matrix = arguments[2]
this.matrix = arguments[2];
} else {
var offset = Point.read(arguments, 1);
this.matrix = new Matrix().translate(offset);
@ -41,11 +41,7 @@ PlacedSymbol = Item.extend({
draw: function(ctx) {
// TODO: we need to preserve strokewidth, but still transform the fill
ctx.save();
var matrix = this.matrix;
ctx.setTransform(
matrix._m00, matrix._m01, matrix._m10,
matrix._m11, matrix._m02, matrix._m12
);
this.matrix.applyToContext(ctx);
this.symbol.definition.draw(ctx);
ctx.restore();
}

24
src/item/Raster.js
View file

@ -7,7 +7,7 @@ Raster = Item.extend({
// or wait for user to call such a function and only then do so?
initialize: function(image) {
this.base();
if(image) {
if (image) {
this.image = image;
var width = image.width;
var height = image.height;
@ -48,21 +48,21 @@ Raster = Item.extend({
var ctx = tempCanvas.getContext('2d');
ctx.drawImage(this.image, 0, 0, size, size);
var pixels = ctx.getImageData(0.5, 0.5, size, size).data;
var rgba = [0, 0, 0];
var channels = [0, 0, 0];
for(var i = 0; i < size; i++) {
for (var i = 0; i < size; i++) {
var offset = i * size;
var alpha = pixels[offset + 3] / 255;
rgba[0] += pixels[offset] * alpha;
rgba[1] += pixels[offset + 1] * alpha;
rgba[2] += pixels[offset + 2] * alpha;
channels[0] += pixels[offset] * alpha;
channels[1] += pixels[offset + 1] * alpha;
channels[2] += pixels[offset + 2] * alpha;
}
for(var i = 0; i < 3; i++)
rgba[i] = rgba[i] / (size * 255);
for (var i = 0; i < 3; i++)
channels[i] /= size * 255;
CanvasProvider.returnCanvas(tempCanvas);
return Color.read(rgba);
return Color.read(channels);
},
// TODO: getPixel(point)
@ -95,11 +95,7 @@ Raster = Item.extend({
draw: function(ctx) {
ctx.save();
var matrix = this.matrix;
ctx.setTransform(
matrix._m00, matrix._m01, matrix._m10,
matrix._m11, matrix._m02, matrix._m12
);
this.matrix.applyToContext(ctx);
var image = this.image;
ctx.drawImage(this.image, -this.size.width / 2, -this.size.height / 2);
ctx.restore();