🎨 Canvas AI

Ferramentas

🖌️ Pincel
🧽 Borracha
📏 Linha
⬜ Retângulo
⭕ Círculo
💨 Spray

Controles do Pincel

Paleta de Cores

Configuração da API

⚠️ Nota sobre CORS:
Para usar em produção, você precisa de um backend. Veja as instruções abaixo.

Configuração Backend

1. Servidor Node.js simples:
npm install express cors

2. Arquivo server.js:
const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());
app.use(express.json({limit: '10mb'}));

app.post('/api/generate', async (req, res) => {
  // Proxy para Replicate API
  const response = await fetch('https://api.replicate.com/v1/predictions', {
    method: 'POST',
    headers: req.headers,
    body: JSON.stringify(req.body)
  });
  const data = await response.json();
  res.json(data);
});

app.listen(3000);
3. Execute:
node server.js

4. Altere URL na linha 489:
const targetUrl = 'http://localhost:3000/api/generate';

Resultados