diff --git a/server/routes/nouns.js b/server/routes/nouns.js index f92d480e..1e85219f 100644 --- a/server/routes/nouns.js +++ b/server/routes/nouns.js @@ -152,9 +152,8 @@ router.get('/nouns/:word.png', async (req, res) => { const canvas = createCanvas(width, height); const context = canvas.getContext('2d'); - context.fillStyle = '#fff'; - context.fillRect(0, 0, width, height); - context.fillStyle = '#000'; + const bg = await loadImage('static/bg.png'); + context.drawImage(bg, 0, 0, width, height); context.font = 'bold 64pt Quicksand'; context.fillText(base, width / 2 - context.measureText(base).width / 2, 120); diff --git a/static/bg.png b/static/bg.png new file mode 100644 index 00000000..715aa1ab Binary files /dev/null and b/static/bg.png differ