<CODIGO IA CREATE IMG>
<!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>
<canvas id="canvas"></canvas>
<script src="script.js"></script>
<script>
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>