canvas101.js

import "./styles.css";
const template =
  "data:image/png;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAf77/D3Yz7FD6qmTJAAAAAElFTkSuQmCC";

const candidatos = {
  df: {
    nome: "João da Silva",
    numero: "23232",
    image:
      "https://divulgacandcontas.tse.jus.br/candidaturas/oficial/2022/BR/BR/544/candidatos/893498/foto.jpg"
  }
};

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

// Colocar template no canva
const img = new Image(); // Create new img element
img.src = template;

ctx.drawImage(img, 0, 1, 1080 / 2, 1920 / 2);

ctx.fillStyle = "red";
ctx.fillRect(10, 10, 10, 1000);