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

Support PlacedSymbol opacity.

Browse source
This commit is contained in:
Jonathan Puckey 2011-02-28 18:31:51 +01:00
parent 4fa293ec6d
commit 285f81f363
1 changed files with 29 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/item/PlacedSymbol.js
View file

@ -40,7 +40,7 @@ PlacedSymbol = Item.extend({
var xMin = coords[0], xMax = coords[0]; var xMin = coords[0], xMax = coords[0];
var yMin = coords[1], yMax = coords[1]; var yMin = coords[1], yMax = coords[1];
for(var i = 2; i < 8; i += 2) { for (var i = 2; i < 8; i += 2) {
var x = coords[i]; var x = coords[i];
var y = coords[i + 1]; var y = coords[i + 1];
xMin = Math.min(x, xMin); xMin = Math.min(x, xMin);
@ -60,16 +60,42 @@ PlacedSymbol = Item.extend({
}, },
draw: function(ctx, param) { draw: function(ctx, param) {
if(this.blendMode != 'normal' && !param.ignoreBlendMode) { if (this.blendMode != 'normal' && !param.ignoreBlendMode) {
BlendMode.process(ctx, this, param); BlendMode.process(ctx, this, param);
} else { } else {
var tempCanvas, originalCtx;
if (this.opacity < 1) {
originalCtx = ctx;
// TODO: use strokeBounds for this, when implemented:
tempCanvas = CanvasProvider.getCanvas(this.document.size);
ctx = tempCanvas.getContext('2d');
ctx.save();
this.document.activeView.matrix.applyToContext(ctx);
}
// TODO: we need to preserve strokewidth, but still transform the fill // TODO: we need to preserve strokewidth, but still transform the fill
ctx.save(); ctx.save();
if(param.ignoreBlendMode !== true) if (param.ignoreBlendMode !== true)
this.matrix.applyToContext(ctx); this.matrix.applyToContext(ctx);
param.ignoreBlendMode = false; param.ignoreBlendMode = false;
this.symbol.definition.draw(ctx, param); this.symbol.definition.draw(ctx, param);
ctx.restore(); ctx.restore();
if (tempCanvas) {
// restore the activeView.matrix transformation,
// so we can draw the image without transformation.
originalCtx.restore();
originalCtx.save();
originalCtx.globalAlpha = this.opacity;
originalCtx.drawImage(tempCanvas, 0, 0);
originalCtx.restore();
// apply the view transformation again.
this.document.activeView.matrix.applyToContext(ctx, true);
// Restore the state of the temp canvas:
ctx.restore();
// Return the temp canvas, so it can be reused
CanvasProvider.returnCanvas(tempCanvas);
}
} }
} }
// TODO: // TODO: