sbrl-github/Nibriboard
1
0
Fork 0
mirror of https://github.com/sbrl/Nibriboard.git synced 2018-01-10 21:33:49 +00:00
Code Activity

[client] Make the pencil listen to mouse events on the canvas, not the document

Browse source
This commit is contained in:
Starbeamrainbowlabs 2017-04-16 16:10:27 +01:00
parent aa0852a3b2
commit ec5f7e0bd9
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Nibriboard/ClientFiles/BoardWindow.js
View file

@ -258,7 +258,7 @@ class BoardWindow extends EventEmitter
this.sidebar.style.borderTopColor = this.Colour; this.sidebar.style.borderTopColor = this.Colour;
// The pencil that draws the lines // The pencil that draws the lines
this.pencil = new Pencil(this.rippleLink, this); this.pencil = new Pencil(this.rippleLink, this, this.canvas);
} }
/** /**

8
Nibriboard/ClientFiles/Pencil.js
View file

@ -13,7 +13,7 @@ class Pencil
* @param {RippleLink} inRippleLink The connection to the nibri server. * @param {RippleLink} inRippleLink The connection to the nibri server.
* @return {Pencil} A new Pencil class instance. * @return {Pencil} A new Pencil class instance.
*/ */
constructor(inRippleLink, inBoardWindow) constructor(inRippleLink, inBoardWindow, canvas)
{ {
this.boardWindow = inBoardWindow; this.boardWindow = inBoardWindow;
@ -47,9 +47,9 @@ class Pencil
// The time of the last push of the line to the server. // The time of the last push of the line to the server.
this.lastServerPush = 0; this.lastServerPush = 0;
document.addEventListener("mouseDown", this.handleMouseDown.bind(this)); canvas.addEventListener("mouseDown", this.handleMouseDown.bind(this));
document.addEventListener("mouseMove", this.handleMouseMove.bind(this)); canvas.addEventListener("mouseMove", this.handleMouseMove.bind(this));
document.addEventListener("mouseUp", this.handleMouseUp.bind(this)); canvas.addEventListener("mouseUp", this.handleMouseUp.bind(this));
} }
handleMouseMove(event) { handleMouseMove(event) {