Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-07 01:09:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(editor): render position of repeated sentence (#9948)

Browse Source
This commit is contained in:
Yifeng Wang
2025-02-05 12:41:24 +08:00
committed by GitHub
parent 8afc50c730
commit cbb73d8034
2 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blocksuite/playground/examples/renderer/canvas.worker.ts
+11 -6
View File
@@ -42,6 +42,9 @@ class CanvasWorkerManager {
const { canvas, ctx } = this;
if (!canvas || !ctx) return;
// Track rendered positions to avoid duplicate rendering across all paragraphs and sentences
const renderedPositions = new Set<string>();
paragraphs.forEach(paragraph => {
const scale = paragraph.scale ?? 1;
const fontSize = 15 * scale;
@@ -53,14 +56,16 @@ class CanvasWorkerManager {
sentence.rects.forEach(textRect => {
const x = textRect.rect.left - hostRect.left;
const y = textRect.rect.top - hostRect.top;
ctx.strokeRect(x, y, textRect.rect.width, textRect.rect.height);
});
ctx.fillStyle = 'black';
sentence.rects.forEach(textRect => {
const x = textRect.rect.left - hostRect.left;
const y = textRect.rect.top - hostRect.top;
const posKey = `${x},${y}`;
// Only render if we haven't rendered at this position before
if (renderedPositions.has(posKey)) return;
ctx.strokeRect(x, y, textRect.rect.width, textRect.rect.height);
ctx.fillStyle = 'black';
ctx.fillText(textRect.text, x, y + baselineY);
renderedPositions.add(posKey);
});
});
});