lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

now caching absolute opacity

Browse Source
This commit is contained in:
Eric Rowell
2013-08-10 11:55:52 -07:00
parent 86bd4ddfa9
commit 6f078dc127
2 changed files with 33 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/Node.js
View File

@@ -1,6 +1,7 @@
(function() {
// CONSTANTS
var ABSOLUTE_TRANSFORM = 'absoluteTransform',
var ABSOLUTE_OPACITY = 'absoluteOpacity',
ABSOLUTE_TRANSFORM = 'absoluteTransform',
ADD = 'add',
B = 'b',
BEFORE = 'before',
@@ -37,6 +38,7 @@
X = 'x',
Y = 'y';
// clear transform cache pair
function _clearTransformCacheEachChild(node) {
_clearTransformCache.call(node);
}
@@ -48,6 +50,8 @@
this.getChildren().each(_clearTransformCacheEachChild);
}
}
// clear visible cache pair
function _clearVisibleCacheEachChild(node) {
_clearVisibleCache.call(node);
}
@@ -59,10 +63,23 @@
}
}
// clear absolute opacity cache pair
function _clearAbsoluteOpacityCacheEachChild(node) {
_clearAbsoluteOpacityCache.call(node);
}
function _clearAbsoluteOpacityCache() {
this._clearCache(ABSOLUTE_OPACITY);
if (this.children) {
this.getChildren().each(_clearAbsoluteOpacityCacheEachChild);
}
}
// custom clear cache functions
Kinetic.Node.clearCacheFuncs = {
transform: _clearTransformCache,
visible: _clearVisibleCache
visible: _clearVisibleCache,
absoluteOpacity: _clearAbsoluteOpacityCache
};
Kinetic.Util.addMethods(Kinetic.Node, {
@@ -76,9 +93,10 @@
_handleCache: function(attr) {
var func;
if (attr !== undefined) {
// if attr is not defined, and we haven't already cleared the cache
if (attr !== undefined && this.cache[attr] !== undefined) {
func = Kinetic.Node.clearCacheFuncs[attr];
// custom clear cache method
if (func) {
func.call(this);
@@ -685,6 +703,9 @@
* @memberof Kinetic.Node.prototype
*/
getAbsoluteOpacity: function() {
return this._getCache(ABSOLUTE_OPACITY, this._getAbsoluteOpacity);
},
_getAbsoluteOpacity: function() {
var absOpacity = this.getOpacity();
if(this.getParent()) {
absOpacity *= this.getParent().getAbsoluteOpacity();
@@ -1480,7 +1501,7 @@
* @memberof Kinetic.Node.prototype
*/
Kinetic.Node.addGetterSetter(Kinetic.Node, 'opacity', 1);
Kinetic.Node.addGetterSetter(Kinetic.Node, 'opacity', 1, ABSOLUTE_OPACITY);
/**
* set opacity. Opacity values range from 0 to 1.