mirror of
https://github.com/konvajs/konva.git
synced 2025-09-18 18:10:54 +08:00
removed beforeDraw and afterDraw methods. you can now subscribe to draw events with .on('draw') or .on('beforeDraw'). Draw events also bubble
This commit is contained in:
@@ -302,6 +302,57 @@ Test.Modules.DD = {
|
||||
};
|
||||
|
||||
Test.Modules.EVENT = {
|
||||
'draw events': function(containerId) {
|
||||
var stage = new Kinetic.Stage({
|
||||
container: containerId,
|
||||
width: 578,
|
||||
height: 200,
|
||||
throttle: 999
|
||||
});
|
||||
var layer = new Kinetic.Layer();
|
||||
|
||||
var circle = new Kinetic.Circle({
|
||||
x: stage.getWidth() / 2,
|
||||
y: stage.getHeight() / 2,
|
||||
radius: 70,
|
||||
fill: 'red'
|
||||
});
|
||||
|
||||
var eventNodes = [];
|
||||
var savedEvt;
|
||||
var order = [];
|
||||
|
||||
layer.on('draw', function(evt) {
|
||||
savedEvt = evt;
|
||||
eventNodes.push(this.getNodeType());
|
||||
order.push('layer draw');
|
||||
});
|
||||
|
||||
stage.on('draw', function(evt) {
|
||||
eventNodes.push(this.getNodeType());
|
||||
order.push('stage draw');
|
||||
});
|
||||
|
||||
layer.on('beforeDraw', function(evt) {
|
||||
order.push('layer beforeDraw');
|
||||
});
|
||||
|
||||
stage.on('beforeDraw', function(evt) {
|
||||
order.push('stage beforeDraw');
|
||||
});
|
||||
|
||||
|
||||
layer.add(circle);
|
||||
stage.add(layer);
|
||||
|
||||
|
||||
test(eventNodes.toString() === 'Layer,Stage', 'layer draw event should have fired followed by stage draw event');
|
||||
|
||||
test(savedEvt.node.getNodeType() === 'Layer', 'event object should contain a node property which is Layer');
|
||||
|
||||
test(order.toString() === 'layer beforeDraw,stage beforeDraw,layer draw,stage draw', 'order should be: layer beforeDraw,stage beforeDraw,layer draw,stage draw');
|
||||
|
||||
},
|
||||
'click mapping': function(containerId) {
|
||||
var stage = new Kinetic.Stage({
|
||||
container: containerId,
|
||||
|
Reference in New Issue
Block a user