lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-09-18 18:27:58 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

new drawHitFromCache Shape method replaces Image createImageHitRegion

Browse Source
This commit is contained in:
Eric Rowell
2014-01-05 01:10:56 -08:00
parent fae1c538f3
commit 4d323c7b57
8 changed files with 136 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/unit/Node-test.js
View File

@@ -2929,11 +2929,7 @@ suite('Node', function() {
assert.notEqual(circle._cache.canvas.scene, undefined);
assert.notEqual(circle._cache.canvas.hit, undefined);
assert.equal(circle._cache.canvas.x, -74);
assert.equal(circle._cache.canvas.y, -74);
layer.draw();

52
test/unit/Shape-test.js
View File

@@ -544,4 +544,56 @@ suite('Shape', function() {
});
// ======================================================
test('create image hit region', function(done) {
var imageObj = new Image();
var stage = addStage();
var layer = new Kinetic.Layer();
imageObj.onload = function() {
var lion = new Kinetic.Image({
x: 200,
y: 40,
image: imageObj,
draggable: true,
shadowColor: 'black',
shadowBlur: 10,
shadowOffset: 20,
shadowOpacity: 0.2
});
// override color key with black
lion.colorKey = '#000000';
Kinetic.shapes['#000000'] = lion;
layer.add(lion);
stage.add(layer);
lion.cache();
//document.body.appendChild(lion._cache.canvas.hit._canvas);
lion.drawHitFromCache();
layer.draw();
done();
};
imageObj.src = 'assets/lion.png';
showHit(layer);
layer.hitCanvas._canvas.style.border='2px solid black';
});
});

4
test/unit/filters/Blur-test.js
View File

@@ -105,14 +105,14 @@ suite('Blur', function() {
layer.draw();
//document.body.appendChild(group._cache.canvas.scene._canvas);
//document.body.appendChild(group._cache.canvas.hit._canvas);
showHit(layer);
//showHit(layer);
});
// ======================================================

49
test/unit/shapes/Image-test.js
View File

@@ -173,55 +173,6 @@ suite('Image', function(){
imageObj.src = 'assets/darth-vader.jpg';
});
// ======================================================
test('create image hit region', function(done) {
var imageObj = new Image();
var stage = addStage();
var layer = new Kinetic.Layer();
imageObj.onload = function() {
var lion = new Kinetic.Image({
x: 200,
y: 40,
image: imageObj,
draggable: true,
shadowColor: 'black',
shadowBlur: 10,
shadowOffset: 20,
shadowOpacity: 0.2
});
// override color key with black
lion.colorKey = '#000000';
Kinetic.shapes['#000000'] = lion;
layer.add(lion);
lion.createImageHitRegion(function() {
stage.add(layer);
layer.drawHit();
var trace = layer.hitCanvas.getContext().getTrace();
//console.log(trace);
//assert.equal(trace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,200,40);drawImage([object HTMLImageElement],0,0,144,139);beginPath();rect(0,0,144,139);closePath();restore();clearRect(0,0,578,200);save();transform(1,0,0,1,200,40);drawImage([object HTMLImageElement],0,0,144,139);beginPath();rect(0,0,144,139);closePath();restore();');
var hitTrace = layer.hitCanvas.getContext().getTrace();
//console.log(hitTrace);
//assert.equal(hitTrace, 'clearRect(0,0,578,200);save();transform(1,0,0,1,200,40);drawImage([object HTMLImageElement],0,0,144,139);beginPath();rect(0,0,144,139);closePath();restore();clearRect(0,0,578,200);save();transform(1,0,0,1,200,40);drawImage([object HTMLImageElement],0,0,144,139);beginPath();rect(0,0,144,139);closePath();restore();');
done();
});
};
imageObj.src = 'assets/lion.png';
showHit(layer);
layer.hitCanvas._canvas.style.border='2px solid black';
});
// ======================================================
test('image with svg source', function(done) {
var imageObj = new Image();