lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-24 08:46:44 +08:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

fix caching issues. close #581

Browse Source
This commit is contained in:
Anton Lavrenov
2019-02-18 12:38:17 -05:00
parent 7b22a7ae50
commit 74210cbc79
4 changed files with 47 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
test/unit/Node-cache-test.js
View File

@@ -1028,7 +1028,7 @@ suite('Caching', function() {
assert.equal(callCount, 1);
});
it.skip('check caching with global composite operation', function() {
it('check caching with global composite operation', function() {
var stage = addStage();
const layer = new Konva.Layer();
@@ -1069,37 +1069,34 @@ suite('Caching', function() {
maskgroup.add(mask);
maskgroup.cache();
var canvasBefore = maskgroup._cache.canvas.scene._canvas;
var canvasBefore = maskgroup._cache.get('canvas').scene._canvas;
maskgroup.globalCompositeOperation('destination-in');
maskgroup.cache();
var canvasAfter = maskgroup._cache.canvas.scene._canvas;
var canvasAfter = maskgroup._cache.get('canvas').scene._canvas;
compareCanvases(canvasBefore, canvasAfter);
console.log(maskgroup);
// maskgroup.clearCache();
maskgroup.clearCache();
// layer.draw();
// // // no caches - mask group clipped all drawing
// assert.equal(stage.getIntersection({ x: 5, y: 20 }), null);
// assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
layer.draw();
// no caches - mask group clipped all drawing
assert.equal(stage.getIntersection({ x: 5, y: 20 }), null);
assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
// // cache inner mask group - same result
// maskgroup.cache();
// layer.draw();
// assert.equal(stage.getIntersection({ x: 5, y: 20 }), null);
// assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
// cache inner mask group - same result
maskgroup.cache();
layer.draw();
assert.equal(stage.getIntersection({ x: 5, y: 20 }), null);
assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
// cache group
// background will be visible now, because globalCompositeOperation
// will work inside cached parent only
// debugger;
// group.cache();
// layer.draw();
group.cache();
layer.draw();
// console.log(group);
// assert.equal(stage.getIntersection({ x: 5, y: 20 }), bg);
// assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
throw '';
assert.equal(stage.getIntersection({ x: 5, y: 20 }), bg);
assert.equal(stage.getIntersection({ x: 55, y: 20 }), rect);
});
});