ALVINN/ALVINN_f7
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Use canvas for image rendering #197

Merged
jgeorgi merged 8 commits from bas-canvas-update into main 2024-09-25 15:05:00 +00:00
Conversation 0 Commits 8 Files Changed 3 +179 -38
3 changed files with 179 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8950345975 - Show all commits

14
src/pages/detect.vue
View File

@@ -627,17 +627,15 @@
} }
}, },
spinWheel(event) { spinWheel(event) {
let zoomFactor
if (event.wheelDelta > 0) { if (event.wheelDelta > 0) {
let scaleChange = this.canvasZoom * .05 zoomFactor = 1.05
this.canvasZoom *= 1.05
this.canvasOffset.x += -(event.offsetX * scaleChange)
this.canvasOffset.y += -(event.offsetY * scaleChange)
} else if (event.wheelDelta < 0) { } else if (event.wheelDelta < 0) {
let scaleChange = this.canvasZoom * (1 / 1.05 - 1) zoomFactor = 1 / 1.05
this.canvasZoom /= 1.05
this.canvasOffset.x += -(event.offsetX * scaleChange)
this.canvasOffset.y += -(event.offsetY * scaleChange)
} }
this.canvasZoom *= zoomFactor
this.canvasOffset.x = event.offsetX * (1 - zoomFactor) + this.canvasOffset.x * zoomFactor
this.canvasOffset.y = event.offsetY * (1 - zoomFactor) + this.canvasOffset.y * zoomFactor
this.selectChip("redraw") this.selectChip("redraw")
}, },
resetZoom() { resetZoom() {