scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2024-12-28 17:02:24 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make item-level mousedrag events work again.

Browse source
This commit is contained in:
Jürg Lehni 2016-01-27 12:11:59 +01:00
parent d72db14c1f
commit 0cfa83fc32
2 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
examples/Paperjs.org/InteractiveTiger.html
View file

@ -11,7 +11,9 @@
svg.visible = true; // Turn off display: none;
// Resize the tiger to fit within the window:
svg.fitBounds(view.bounds);
view.on('resize', function() {
svg.fitBounds(this.bounds);
});
var items = project.activeLayer.firstChild.children;
var mouseIsDown = false;

30
src/view/View.js
View file

@ -104,8 +104,10 @@ var View = Base.extend(Emitter, /** @lends View# */{
// Items that need the onFrame handler called on them
this._frameItems = {};
this._frameItemCount = 0;
// Count the installed item events, see _countItemEvent().
this._itemEvents = {};
// Count the installed native and virtual item events,
// see #_countItemEvent():
this._itemNativeEvents = {};
this._itemVirtualEvents = {};
},
/**
@ -1137,7 +1139,7 @@ new function() { // Injection scope for event handling on the browser
* Required by code that is counting the amount of required natives events.
* The mapping is native -> virtual.
*/
var itemEvents = {
var itemNativeEvents = {
mousedown: {
mousedown: 1,
mousedrag: 1,
@ -1180,12 +1182,12 @@ new function() { // Injection scope for event handling on the browser
* tools.
*/
_handleMouseEvent: function(type, event, point) {
var handleItems = this._itemEvents[type],
var hitItems = this._itemNativeEvents[type],
tool = this._scope.tool,
view = this;
function responds(type) {
return view._itemEvents[type] || view.responds(type)
return view._itemVirtualEvents[type] || view.responds(type)
|| tool && tool.responds(type);
}
@ -1199,9 +1201,9 @@ new function() { // Injection scope for event handling on the browser
point = this.getEventPoint(event);
// Run the hit-test on items first, but only if we're required to do
// so for this given mouse event, see #_countItemEvent().
// so for this given mouse event, see hitItems, #_countItemEvent():
var inView = this.getBounds().contains(point),
hit = inView && handleItems && this._project.hitTest(point, {
hit = inView && hitItems && this._project.hitTest(point, {
tolerance: 0,
fill: true,
stroke: true
@ -1327,12 +1329,16 @@ new function() { // Injection scope for event handling on the browser
_countItemEvent: function(type, sign) {
// If the view requires counting of installed mouse events,
// change the event counters now according to itemEvents.
var events = this._itemEvents;
for (var key in itemEvents) {
events[key] = (events[key] || 0)
+ (itemEvents[key][type] || 0) * sign;
// change the event counters now according to itemNativeEvents
// (defined in the code further above).
var nativeEvents = this._itemNativeEvents,
virtualEvents = this._itemVirtualEvents;
for (var key in itemNativeEvents) {
nativeEvents[key] = (nativeEvents[key] || 0)
+ (itemNativeEvents[key][type] || 0) * sign;
}
// Also update the count of virtual events installed.
virtualEvents[type] = (virtualEvents[type] || 0) + sign;
},
statics: {