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

Adapt eraser as endless tool

Browse Source
This commit is contained in:
matbgn 2022-06-25 06:45:18 +02:00
parent 4c64032c1b
commit 77ae51ba6e
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/js/whiteboard.js
View File

@ -164,7 +164,12 @@ const whiteboard = {
); );
_this.sendFunction({ _this.sendFunction({
t: _this.tool, t: _this.tool,
d: [currentPos.x, currentPos.y, currentPos.x, currentPos.y], d: [
currentPos.x - _this.viewCoords.x,
currentPos.y - _this.viewCoords.y,
currentPos.x - _this.viewCoords.x,
currentPos.y - _this.viewCoords.y,
],
th: _this.thickness, th: _this.thickness,
}); });
} else if (_this.tool === "line") { } else if (_this.tool === "line") {
@ -527,7 +532,12 @@ const whiteboard = {
); );
_this.sendFunction({ _this.sendFunction({
t: _this.tool, t: _this.tool,
d: [currentPos.x, currentPos.y, _this.prevPos.x, _this.prevPos.y], d: [
currentPos.x - _this.viewCoords.x,
currentPos.y - _this.viewCoords.y,
_this.prevPos.x - _this.viewCoords.x,
_this.prevPos.y - _this.viewCoords.y
],
th: _this.thickness, th: _this.thickness,
}); });
} }
@ -765,11 +775,13 @@ const whiteboard = {
_this.ctx.stroke(); _this.ctx.stroke();
_this.ctx.closePath(); _this.ctx.closePath();
}, },
drawEraserLine: function (fromX, fromY, toX, toY, thickness) { drawEraserLine: function (fromX, fromY, toX, toY, thickness, remote) {
var _this = this; var _this = this;
let xOffset = remote ? _this.viewCoords.x : 0;
let yOffset = remote ? _this.viewCoords.y : 0;
_this.ctx.beginPath(); _this.ctx.beginPath();
_this.ctx.moveTo(fromX, fromY); _this.ctx.moveTo(fromX + xOffset, fromY + yOffset);
_this.ctx.lineTo(toX, toY); _this.ctx.lineTo(toX + xOffset, toY + yOffset);
_this.ctx.strokeStyle = "rgba(0,0,0,1)"; _this.ctx.strokeStyle = "rgba(0,0,0,1)";
_this.ctx.lineWidth = thickness * 2; _this.ctx.lineWidth = thickness * 2;
_this.ctx.lineCap = _this.lineCap; _this.ctx.lineCap = _this.lineCap;
@ -1268,7 +1280,7 @@ const whiteboard = {
} else if (tool === "circle") { } else if (tool === "circle") {
_this.drawCircle(data[0], data[1], data[2], color, thickness, true); _this.drawCircle(data[0], data[1], data[2], color, thickness, true);
} else if (tool === "eraser") { } else if (tool === "eraser") {
_this.drawEraserLine(data[0], data[1], data[2], data[3], thickness); _this.drawEraserLine(data[0], data[1], data[2], data[3], thickness, true);
} else if (tool === "eraseRec") { } else if (tool === "eraseRec") {
_this.eraseRec(data[0], data[1], data[2], data[3]); _this.eraseRec(data[0], data[1], data[2], data[3]);
} else if (tool === "recSelect") { } else if (tool === "recSelect") {