akai-tools/readest
2
0
Fork 0
forked from akai/readest
Code Pull Requests Activity

fix(metadata): fixed sometimes svg book cover is rendered blank (#2829)

Browse Source
This commit is contained in:
Huang Xin
2026-01-02 14:13:24 +01:00
committed by GitHub
parent d3752dadc6
commit c080e6fdd3
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/readest-app/src/utils/svg.ts
+10 -9
View File
@@ -43,17 +43,16 @@ export async function svg2png(svgBlob: Blob, quality: number = 0.9): Promise<Blo
const svgUrl = URL.createObjectURL(new Blob([svgText], { type: 'image/svg+xml' }));
const img = new Image();
img.decoding = 'sync';
img.crossOrigin = 'anonymous';
img.src = svgUrl;
await img.decode().catch(
() =>
new Promise((resolve, reject) => {
img.onload = resolve;
img.onerror = reject;
}),
);
await new Promise<void>((resolve, reject) => {
img.onload = () => resolve();
img.onerror = () => reject(new Error('Failed to load SVG'));
img.src = svgUrl;
});
await new Promise((resolve) => requestAnimationFrame(resolve));
await new Promise((resolve) => requestAnimationFrame(resolve));
const canvas = document.createElement('canvas');
const { width, height } = await getSvgSize(svgBlob);
@@ -63,6 +62,8 @@ export async function svg2png(svgBlob: Blob, quality: number = 0.9): Promise<Blo
const ctx = canvas.getContext('2d')!;
ctx.drawImage(img, 0, 0);
URL.revokeObjectURL(svgUrl);
return new Promise((resolve) => {
canvas.toBlob((blob) => resolve(blob!), 'image/png', quality);
});