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

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

26
src/item/PlacedSymbol.js
View file

@ -63,6 +63,16 @@ PlacedSymbol = Item.extend({
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)
@ -70,6 +80,22 @@ PlacedSymbol = Item.extend({
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: