mirror of
https://github.com/konvajs/konva.git
synced 2025-06-28 00:36:20 +08:00
added support for evt.shape so any event handler can have access to the shape that was interacted with
This commit is contained in:
parent
e61f100b10
commit
8ee223584d
3
dist/kinetic-core.js
vendored
3
dist/kinetic-core.js
vendored
@ -830,6 +830,9 @@ Kinetic.Node.prototype = {
|
|||||||
* @param {Event} evt
|
* @param {Event} evt
|
||||||
*/
|
*/
|
||||||
_handleEvents: function(eventType, evt) {
|
_handleEvents: function(eventType, evt) {
|
||||||
|
if (this.className === 'Shape') {
|
||||||
|
evt.shape = this;
|
||||||
|
}
|
||||||
var stage = this.getStage();
|
var stage = this.getStage();
|
||||||
this._handleEvent(this, stage.mouseoverShape, stage.mouseoutShape, eventType, evt);
|
this._handleEvent(this, stage.mouseoverShape, stage.mouseoutShape, eventType, evt);
|
||||||
},
|
},
|
||||||
|
2
dist/kinetic-core.min.js
vendored
2
dist/kinetic-core.min.js
vendored
File diff suppressed because one or more lines are too long
@ -583,6 +583,9 @@ Kinetic.Node.prototype = {
|
|||||||
* @param {Event} evt
|
* @param {Event} evt
|
||||||
*/
|
*/
|
||||||
_handleEvents: function(eventType, evt) {
|
_handleEvents: function(eventType, evt) {
|
||||||
|
if (this.className === 'Shape') {
|
||||||
|
evt.shape = this;
|
||||||
|
}
|
||||||
var stage = this.getStage();
|
var stage = this.getStage();
|
||||||
this._handleEvent(this, stage.mouseoverShape, stage.mouseoutShape, eventType, evt);
|
this._handleEvent(this, stage.mouseoverShape, stage.mouseoutShape, eventType, evt);
|
||||||
},
|
},
|
||||||
|
@ -935,6 +935,34 @@ Test.prototype.tests = {
|
|||||||
layer.add(group);
|
layer.add(group);
|
||||||
stage.add(layer);
|
stage.add(layer);
|
||||||
},
|
},
|
||||||
|
'EVENTS - get currentTarget': function(containerId) {
|
||||||
|
var stage = new Kinetic.Stage({
|
||||||
|
container: containerId,
|
||||||
|
width: 578,
|
||||||
|
height: 200
|
||||||
|
});
|
||||||
|
var layer = new Kinetic.Layer();
|
||||||
|
var group = new Kinetic.Group();
|
||||||
|
|
||||||
|
layer.on('click', function(evt) {
|
||||||
|
log(evt.shape.getName());
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
var redCircle = new Kinetic.Circle({
|
||||||
|
x: stage.width / 2,
|
||||||
|
y: stage.height / 2,
|
||||||
|
radius: 80,
|
||||||
|
strokeWidth: 4,
|
||||||
|
fill: 'red',
|
||||||
|
stroke: 'black',
|
||||||
|
name: 'circle'
|
||||||
|
});
|
||||||
|
|
||||||
|
group.add(redCircle);
|
||||||
|
layer.add(group);
|
||||||
|
stage.add(layer);
|
||||||
|
},
|
||||||
'DRAG AND DROP - draggable true': function(containerId) {
|
'DRAG AND DROP - draggable true': function(containerId) {
|
||||||
var stage = new Kinetic.Stage({
|
var stage = new Kinetic.Stage({
|
||||||
container: containerId,
|
container: containerId,
|
||||||
|
Loading…
Reference in New Issue
Block a user