dylan/dominionator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Wait for fonts to load

Browse Source
This commit is contained in:
Dylan Pizzo
2025-01-07 23:07:20 -08:00
parent 03fff8576e
commit 7a752a92cb
6 changed files with 48 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/client/App.tsx
View File

@ -1,13 +1,10 @@
import { useState } from "react";
import { cards } from "../cards.ts";
import { Card } from "./Card.tsx";
export const App = () => {
const [count, setCount] = useState(0);
return <div>
{cards.map((card) => {
return <Card key={`${card.title}-${count}`} card={card}/>
return <Card key={`${card.title}`} card={card}/>
})}
<button onClick={() => {setCount(c => c+1)}}>Rerender (for fonts)</button>
</div>;
};

6
src/client/Card.tsx
View File

@ -1,4 +1,4 @@
import { drawCard, loadImages } from "../draw.ts";
import { drawCard, loadImages, loadFonts } from "../draw.ts";
import { DominionCard } from "../types.ts";
const sizeMap = {
@ -19,9 +19,9 @@ export const Card = (props: {card: DominionCard}) => {
if (canvasElement) {
const context = canvasElement.getContext("2d");
if (context) {
await loadFonts();
await loadImages();
// await loadFonts();
drawCard(context, card);
await drawCard(context, card);
}
}
}}></canvas>