Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 12:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): use model coord system in worker renderer (#9969)

Browse Source
This commit is contained in:
Yifeng Wang
2025-02-06 10:36:59 +08:00
committed by GitHub
parent e35d930f9f
commit 077a1b38ac
8 changed files with 188 additions and 280 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
blocksuite/framework/block-std/src/gfx/viewport.ts
View File

@@ -102,7 +102,7 @@ export class Viewport {
* The editor itself may be scaled by outer container which is common in nested editor scenarios.
* This property is used to calculate the scale of the editor.
*/
get scale() {
get viewScale() {
if (!this._el || this._cachedOffsetWidth === null) return 1;
return this.boundingClientRect.width / this._cachedOffsetWidth;
}
@@ -416,8 +416,11 @@ export class Viewport {
}
toModelCoord(viewX: number, viewY: number): IVec {
const { viewportX, viewportY, zoom, scale } = this;
return [viewportX + viewX / zoom / scale, viewportY + viewY / zoom / scale];
const { viewportX, viewportY, zoom, viewScale } = this;
return [
viewportX + viewX / zoom / viewScale,
viewportY + viewY / zoom / viewScale,
];
}
toModelCoordFromClientCoord([x, y]: IVec): IVec {
@@ -433,10 +436,10 @@ export class Viewport {
}
toViewCoord(modelX: number, modelY: number): IVec {
const { viewportX, viewportY, zoom, scale } = this;
const { viewportX, viewportY, zoom, viewScale } = this;
return [
(modelX - viewportX) * zoom * scale,
(modelY - viewportY) * zoom * scale,
(modelX - viewportX) * zoom * viewScale,
(modelY - viewportY) * zoom * viewScale,
];
}