Gerador de Padrões Sem Costura

Renderização de Tile Baseada em Canvas

A ferramenta usa a Canvas API do HTML5 para desenhar sua imagem tile repetidamente em um canvas configurável. Cada tile é posicionado e transformado individualmente para máximo controle sobre o layout do padrão.

Modos de Tile

• -O modo de grade normal posiciona os tiles em uma grade regular sem deslocamento.
• -O modo meia-tijolo desloca cada linha alternada pela metade da largura do tile, criando um padrão de alvenaria.
• -O modo diagonal aplica um deslocamento progressivo a cada linha, criando um efeito de tile inclinado.
• -O modo espelhado alterna o espelhamento horizontal e vertical nos tiles vizinhos, criando padrões simétricos.

Escala e Rotação

O controle de escala redimensiona cada tile de 25% a 400% do seu tamanho original. A rotação aplica uma transformação ao redor do centro de cada tile, permitindo qualquer ângulo de 0 a 360 graus. Ambas as transformações usam operações de transformação do canvas para uma renderização nítida.

Exportação CSS

A exportação CSS cria um canvas com um único tile, renderiza o tile com as configurações atuais de escala e rotação, converte-o para uma URI de dados e gera uma propriedade CSS background-image com os valores apropriados de background-repeat e background-size.

Processamento no Lado do Cliente

Todo o processamento de imagem acontece inteiramente no seu navegador usando a Canvas API. Suas imagens nunca são enviadas a nenhum servidor, garantindo privacidade total. A ferramenta funciona offline após o carregamento.