Hermes/refboard-ayon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refboard: capture board previews from rendered canvas

Browse Source
This commit is contained in:
Hiren Kangad
2026-03-13 15:23:08 +05:30
parent c21a0c386d
commit cd8207e984
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Editor.tsx
+14 -6
View File
@@ -597,22 +597,30 @@ export default function Editor({ isPublicView }: EditorProps) {
const scene = canvasRef.current?.getScene(); const scene = canvasRef.current?.getScene();
const viewport = canvasRef.current?.getViewport(); const viewport = canvasRef.current?.getViewport();
const app = canvasRef.current?.getApp(); const app = canvasRef.current?.getApp();
if (!scene || !viewport || !app?.renderer?.extract) { if (!scene || !app) {
showToast('Preview snapshot is not available'); showToast('Preview snapshot is not available');
return; return;
} }
setRefreshingPreview(true); setRefreshingPreview(true);
try { try {
const extractedCanvas = app.renderer.extract.canvas(viewport) as HTMLCanvasElement; const directCanvas = app.canvas as unknown as HTMLCanvasElement | undefined;
const fallbackCanvas = viewport && app.renderer?.extract
? (app.renderer.extract.canvas(viewport) as HTMLCanvasElement)
: undefined;
const sourceCanvas = directCanvas ?? fallbackCanvas;
if (!sourceCanvas || sourceCanvas.width <= 0 || sourceCanvas.height <= 0) {
throw new Error('rendered canvas is unavailable');
}
const maxWidth = 900; const maxWidth = 900;
const scale = extractedCanvas.width > maxWidth ? maxWidth / extractedCanvas.width : 1; const scale = sourceCanvas.width > maxWidth ? maxWidth / sourceCanvas.width : 1;
const out = document.createElement('canvas'); const out = document.createElement('canvas');
out.width = Math.max(1, Math.round(extractedCanvas.width * scale)); out.width = Math.max(1, Math.round(sourceCanvas.width * scale));
out.height = Math.max(1, Math.round(extractedCanvas.height * scale)); out.height = Math.max(1, Math.round(sourceCanvas.height * scale));
const ctx = out.getContext('2d'); const ctx = out.getContext('2d');
if (!ctx) throw new Error('2D context unavailable'); if (!ctx) throw new Error('2D context unavailable');
ctx.drawImage(extractedCanvas, 0, 0, out.width, out.height); ctx.drawImage(sourceCanvas, 0, 0, out.width, out.height);
const thumbnail = out.toDataURL('image/jpeg', 0.82); const thumbnail = out.toDataURL('image/jpeg', 0.82);
await saveCanvas(resolvedBoardId, JSON.stringify(scene.serialize()), thumbnail); await saveCanvas(resolvedBoardId, JSON.stringify(scene.serialize()), thumbnail);
setSaveStatus('saved'); setSaveStatus('saved');