const { createCanvas, loadImage } = require('canvas');
const { writeFileSync } = require('fs');

async function test(gridSize) {
    const totalImages = gridSize ** 2;

    const imageWidth = 526;
    const imageHeight = 712;

    const canvasWidth = imageWidth * gridSize;
    const canvasHeight = imageHeight * Math.floor(totalImages / gridSize);

    const canvas = createCanvas(canvasWidth, canvasHeight);
    const ctx = canvas.getContext('2d');

    const images = [];

    for (let i = 0; i < totalImages; i++) {
        images.push(await loadImage(`cards/${i}.png`));
    }

    for (let i = 0; i < images.length; i++) {
        const image = images[i];

        const x = i % gridSize;
        const y = Math.floor(i / gridSize);

        const imageX = imageWidth * x;
        const imageY = imageHeight * y;

        ctx.drawImage(image, imageX, imageY);

        writeFileSync("out.png", canvas.toBuffer());
    }
}

test(3);

```js const { createCanvas, loadImage } = require('canvas'); const { writeFileSync } = require('fs'); async function test(gridSize) { const totalImages = gridSize ** 2; const imageWidth = 526; const imageHeight = 712; const canvasWidth = imageWidth * gridSize; const canvasHeight = imageHeight * Math.floor(totalImages / gridSize); const canvas = createCanvas(canvasWidth, canvasHeight); const ctx = canvas.getContext('2d'); const images = []; for (let i = 0; i < totalImages; i++) { images.push(await loadImage(`cards/${i}.png`)); } for (let i = 0; i < images.length; i++) { const image = images[i]; const x = i % gridSize; const y = Math.floor(i / gridSize); const imageX = imageWidth * x; const imageY = imageHeight * y; ctx.drawImage(image, imageX, imageY); writeFileSync("out.png", canvas.toBuffer()); } } test(3); ```

Vylpes closed this issue

2024-06-22 10:18:11 +01:00