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

setZIndex now correctly reorders layer canvases

Browse Source
This commit is contained in:
ericdrowell
2012-10-05 18:59:03 -07:00
parent f5d4228f3b
commit 3f8801a494
5 changed files with 85 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
tests/js/unitTests.js
View File

@@ -4468,6 +4468,51 @@ Test.prototype.tests = {
console.log(stage.getStage());
},
'LAYERING - move blue layer on top of green layer with setZIndex': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200
});
var blueLayer = new Kinetic.Layer();
var greenLayer = new Kinetic.Layer();
var bluecircle = new Kinetic.Circle({
x: 200,
y: stage.getHeight() / 2,
radius: 70,
fill: 'blue',
stroke: 'black',
strokeWidth: 4
});
var greencircle = new Kinetic.Circle({
x: 280,
y: stage.getHeight() / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4
});
blueLayer.add(bluecircle);
greenLayer.add(greencircle);
stage.add(blueLayer);
stage.add(greenLayer);
blueLayer.setZIndex(1);
test(greenLayer.getZIndex() === 0, 'green layer should have z index of 0');
test(blueLayer.getZIndex() === 1, 'blue layer should have z index of 1');
stage.toDataURL({
callback: function(dataUrl) {
//console.log(dataUrl)
warn(dataUrls['blue on top of green'] === dataUrl, 'layer setZIndex is not working');
}
});
},
'LAYERING - move blue layer on top of green layer with moveToTop': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
@@ -4546,7 +4591,7 @@ Test.prototype.tests = {
stage.toDataURL({
callback: function(dataUrl) {
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveToTop is not working');
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveToBottom is not working');
}
});
},
@@ -4586,7 +4631,7 @@ Test.prototype.tests = {
stage.toDataURL({
callback: function(dataUrl) {
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveToTop is not working');
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveDown is not working');
}
});
},
@@ -4626,7 +4671,7 @@ Test.prototype.tests = {
stage.toDataURL({
callback: function(dataUrl) {
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveToTop is not working');
warn(dataUrls['blue on top of green'] === dataUrl, 'layer moveUp is not working');
}
});
},