Criar imagem IA do zero

<!DOCTYPE html>

<html>

<pre>

<head>

<title>Imagem IA</title>

<h1 style="color:orange;">CRIAR IMAGEM IA DO ZERO</h1>

<style>

canvas {

border: 12px solid pink;

}

</style>

</head>

<body>

const canvas = document.getElementById('canvas');

const ctx = canvas.getContext('2d');

canvas.width = 500; // Defina a largura do canvas

canvas.height = 500; // Defina a altura do canvas

// Defina as configurações do pincel

ctx.fillStyle = 'green'; // Cor de preenchimento

ctx.strokeStyle = 'red'; // Cor da linha

// Desenhe um retângulo preenchido

ctx.fillRect(50, 50, 100, 100);

// Desenhe um círculo

ctx.beginPath();

ctx.arc(250, 250, 50, 0, 2 * Math.PI); // Coordenadas (250, 250), raio 50

ctx.fill(); // Preencha o círculo com a cor definida

// Desenhe uma linha

ctx.beginPath();

ctx.moveTo(300, 300); // Defina o ponto de partida da linha

ctx.lineTo(400, 400); // Defina o ponto final da linha

ctx.stroke(); // Desenhe a linha

</script>

</body>

</pre>

</html>