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

added extensible isPointInPath

Browse Source
This commit is contained in:
Yusuf Safak Bayram 2012-03-22 23:43:14 +02:00 committed by Eric Rowell
parent 540670ba8b
commit 79c778ebff
3 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
dist/kinetic-core.js vendored
View File

@ -1218,18 +1218,16 @@ Kinetic.Stage.prototype = {
_detectEvent: function(shape, evt) { _detectEvent: function(shape, evt) {
var isDragging = Kinetic.GlobalObject.drag.moving; var isDragging = Kinetic.GlobalObject.drag.moving;
var backstageLayer = this.backstageLayer; var backstageLayer = this.backstageLayer;
var backstageLayerContext = backstageLayer.getContext();
var go = Kinetic.GlobalObject; var go = Kinetic.GlobalObject;
var pos = this.getUserPosition(); var pos = this.getUserPosition();
var el = shape.eventListeners; var el = shape.eventListeners;
shape._draw(backstageLayer);
if(this.targetShape && shape.id === this.targetShape.id) { if(this.targetShape && shape.id === this.targetShape.id) {
this.targetFound = true; this.targetFound = true;
} }
if(shape.visible && pos !== undefined && backstageLayerContext.isPointInPath(pos.x, pos.y)) { if(shape.visible && pos !== undefined && shape.isPointInShape(backstageLayer,pos)) {
// handle onmousedown // handle onmousedown
if(!isDragging && this.mouseDown) { if(!isDragging && this.mouseDown) {
this.mouseDown = false; this.mouseDown = false;
@ -1860,6 +1858,14 @@ Kinetic.Shape = function(config) {
* Shape methods * Shape methods
*/ */
Kinetic.Shape.prototype = { Kinetic.Shape.prototype = {
/**
* isPointInShape
*/
isPointInShape: function(backstageLayer,pos){
var backstageLayerContext = backstageLayer.getContext();
this._draw(backstageLayer);
return backstageLayerContext.isPointInPath(pos.x,pos.y);
},
/** /**
* get layer context where the shape is being drawn. When * get layer context where the shape is being drawn. When
* the shape is being rendered, .getContext() returns the context of the * the shape is being rendered, .getContext() returns the context of the

8
src/Shape.js
View File

@ -31,6 +31,14 @@ Kinetic.Shape = function(config) {
* Shape methods * Shape methods
*/ */
Kinetic.Shape.prototype = { Kinetic.Shape.prototype = {
/**
* isPointInShape
*/
isPointInShape: function(backstageLayer,pos){
var backstageLayerContext = backstageLayer.getContext();
this._draw(backstageLayer);
return backstageLayerContext.isPointInPath(pos.x,pos.y);
},
/** /**
* get layer context where the shape is being drawn. When * get layer context where the shape is being drawn. When
* the shape is being rendered, .getContext() returns the context of the * the shape is being rendered, .getContext() returns the context of the

4
src/Stage.js
View File

@ -238,18 +238,16 @@ Kinetic.Stage.prototype = {
_detectEvent: function(shape, evt) { _detectEvent: function(shape, evt) {
var isDragging = Kinetic.GlobalObject.drag.moving; var isDragging = Kinetic.GlobalObject.drag.moving;
var backstageLayer = this.backstageLayer; var backstageLayer = this.backstageLayer;
var backstageLayerContext = backstageLayer.getContext();
var go = Kinetic.GlobalObject; var go = Kinetic.GlobalObject;
var pos = this.getUserPosition(); var pos = this.getUserPosition();
var el = shape.eventListeners; var el = shape.eventListeners;
shape._draw(backstageLayer);
if(this.targetShape && shape.id === this.targetShape.id) { if(this.targetShape && shape.id === this.targetShape.id) {
this.targetFound = true; this.targetFound = true;
} }
if(shape.visible && pos !== undefined && backstageLayerContext.isPointInPath(pos.x, pos.y)) { if(shape.visible && pos !== undefined && shape.isPointInShape(backstageLayer,pos)) {
// handle onmousedown // handle onmousedown
if(!isDragging && this.mouseDown) { if(!isDragging && this.mouseDown) {
this.mouseDown = false; this.mouseDown = false;