scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-06 04:42:15 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Events.getOffset(), to return coordinates relative to the target element's position.

Browse source
This commit is contained in:
Jürg Lehni 2011-03-04 23:46:16 +00:00
parent 20f3460222
commit 342c5911c1
2 changed files with 18 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/tool/Tool.js
View file

@ -1,9 +1,6 @@
var Tool = this.Tool = ToolHandler.extend(new function() { var Tool = this.Tool = ToolHandler.extend(new function() {
function viewToArtwork(event, document) { function viewToArtwork(event, document) {
var x = event.pageX || event.clientX + document.documentElement.scrollLeft; var point = Events.getOffset(event);
var y = event.pageY || event.clientY + document.documentElement.scrollTop;
// TODO: Remove canvas offset
var point = Point.create(x, y);
// TODO: always the active view? // TODO: always the active view?
return document.activeView.viewToArtwork(point); return document.activeView.viewToArtwork(point);
}; };
@ -68,6 +65,7 @@ var Tool = this.Tool = ToolHandler.extend(new function() {
}, },
setDocument: function(doc) { setDocument: function(doc) {
// Remove old events first.
if (this._document) if (this._document)
Events.remove(this._document.canvas, this.events); Events.remove(this._document.canvas, this.events);
this._document = doc || paper.document; this._document = doc || paper.document;

16
src/util/Events.js
View file

@ -24,5 +24,21 @@ var Events = {
obj.detachEvent('on' + type, func.bound); obj.detachEvent('on' + type, func.bound);
} }
} }
},
getPoint: function(event) {
return Point.create(
event.pageX || event.clientX + document.documentElement.scrollLeft,
event.pageY || event.clientY + document.documentElement.scrollTop
);
},
getOffset: function(event) {
var point = Events.getPoint(event);
// Remove target offsets from page coordinates
for (var el = event.target || event.srcElement; el;
point.x -= el.offsetLeft, point.y -= el.offsetTop,
el = el.offsetParent);
return point;
} }
}; };