raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve

Browse Source
This commit is contained in:
Raphael 2022-06-11 17:56:32 +02:00
parent a44a66cea5
commit 92705e55ce
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/js/classes/Point.js
View File

@ -38,6 +38,14 @@ class Point {
return this.#x === 0 && this.#y === 0; return this.#x === 0 && this.#y === 0;
} }
set x(newX) {
this.#x = newX;
}
set y(newY) {
this.#y = newY;
}
/** /**
* Get a Point object from an event * Get a Point object from an event
* @param {event} e * @param {event} e

14
src/js/whiteboard.js
View File

@ -244,7 +244,12 @@ const whiteboard = {
_this.ctx.globalCompositeOperation = _this.oldGCO; _this.ctx.globalCompositeOperation = _this.oldGCO;
let currentPos = Point.fromEvent(e); let currentPos = Point.fromEvent(e);
if (_this.tool !== "hand") {
console.log(currentPos.x, currentPos.y, _this.viewCoords.x, _this.viewCoords.y);
currentPos.x += _this.viewCoords.x;
currentPos.y += _this.viewCoords.y;
console.log(currentPos.x, currentPos.y);
}
if (currentPos.isZeroZero) { if (currentPos.isZeroZero) {
_this.sendFunction({ _this.sendFunction({
t: "cursor", t: "cursor",
@ -285,6 +290,7 @@ const whiteboard = {
_this.drawBuffer = []; _this.drawBuffer = [];
_this.textContainer.empty(); _this.textContainer.empty();
_this.loadData(dbCp); // draw old content in _this.loadData(dbCp); // draw old content in
console.log(_this.viewCoords.x, _this.viewCoords.y); console.log(_this.viewCoords.x, _this.viewCoords.y);
} else if (_this.tool === "pen") { } else if (_this.tool === "pen") {
_this.pushPointSmoothPen(currentPos.x, currentPos.y); _this.pushPointSmoothPen(currentPos.x, currentPos.y);
@ -493,6 +499,12 @@ const whiteboard = {
} }
let currentPos = Point.fromEvent(e); let currentPos = Point.fromEvent(e);
if (_this.tool !== "hand") {
console.log(currentPos.x, currentPos.y, _this.viewCoords.x, _this.viewCoords.y);
currentPos.x -= _this.viewCoords.x;
currentPos.y -= _this.viewCoords.y;
console.log(currentPos.x, currentPos.y);
}
window.requestAnimationFrame(function () { window.requestAnimationFrame(function () {
// update position // update position