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

setup filters. saveImageData can now work for any nodes, including shapes, groups, layers, and the stage. images can now take image data as a parameter. This enables shape caching. New beforeAttrChange event which fires before an attr is changed

Browse Source
This commit is contained in:
Eric Rowell
2012-07-14 16:25:56 -07:00
parent 2548e3c2ef
commit d62df7ba5c
15 changed files with 627 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
tests/js/unitTests.js
View File

@@ -1988,6 +1988,50 @@ Test.prototype.tests = {
};
imageObj.src = '../darth-vader.jpg';
},
'SHAPE - add image with image data': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
var circle = new Kinetic.Ellipse({
x: 100,
y: stage.getHeight() / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
var circle2 = new Kinetic.Ellipse({
x: 150,
y: stage.getHeight() / 2,
radius: 70,
fill: 'yellow',
stroke: 'black',
strokeWidth: 4
});
group.add(circle);
group.add(circle2);
layer.add(group);
stage.add(layer);
group.saveImageData();
var image = new Kinetic.Image({
image: group.getImageData(),
x: 200,
y: 0,
draggable: true
});
layer.add(image);
layer.draw();
},
'SHAPE - set image fill to color then image': function(containerId) {
var imageObj = new Image();
imageObj.onload = function() {
@@ -2220,10 +2264,10 @@ Test.prototype.tests = {
layer.add(line);
stage.add(layer);
line.saveData();
line.saveImageData();
line.on('dragend', function() {
line.saveData();
line.saveImageData();
});
line.setPoints([1, 2, 3, 4]);
@@ -2752,8 +2796,7 @@ Test.prototype.tests = {
layer.add(rect);
stage.add(layer);
},
'SHAPE - test pixel detection setter and getter': function(containerId) {
'NODE - test pixel detection setter and getter': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
@@ -2785,13 +2828,13 @@ Test.prototype.tests = {
});
star.on('dragend', function() {
this.saveData();
this.saveImageData();
});
layer.add(star);
stage.add(layer);
star.saveData();
star.saveImageData();
test(star.getDetectionType() === 'pixel', 'detection type should be pixel');
star.setDetectionType('path');