tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(canvas): 画布引擎 - 引入 LeaferJS 图形层并优化缩放清晰度与性能

Browse Source
This commit is contained in:
ddCat
2026-07-31 13:12:06 +08:00
parent a8b3727c38
commit 035d4bc185
14 changed files with 591 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/styles/globals.css
View File

@@ -1278,6 +1278,21 @@
transition: none !important;
}
/* 静止期用最终倍率重新排版 DOM，避免 Windows Chromium 复用交互期的低分辨率合成纹理。 */
.canvas-world-layer {
transform: translate(var(--canvas-live-x), var(--canvas-live-y)) scale(var(--canvas-live-scale-ratio));
transform-origin: 0 0;
}
.canvas-world-raster-layer {
zoom: var(--canvas-committed-scale);
}
[data-canvas-viewport-interacting="true"] .canvas-world-layer {
transform: translate3d(var(--canvas-live-x), var(--canvas-live-y), 0) scale(var(--canvas-live-scale-ratio));
will-change: transform;
}
[data-canvas-viewport-interacting="true"] .canvas-node-shell.aceternity-comet-card,
[data-canvas-viewport-interacting="true"] .canvas-node-shell.aceternity-comet-card:hover {
box-shadow: none !important;