Créateur de motifs sans couture

Rendu de tuile basé sur Canvas

L'outil utilise l'API Canvas HTML5 pour dessiner votre image en tuile de façon répétée sur un canevas configurable. Chaque tuile est positionnée et transformée individuellement pour un contrôle maximal sur la disposition du motif.

Modes de répétition

• -Le mode grille normale place les tuiles dans un motif de grille régulier sans décalage.
• -Le mode demi-brique décale chaque rangée alternée d'une demi-largeur de tuile, créant un motif de maçonnerie.
• -Le mode diagonal applique un décalage progressif à chaque rangée, créant un effet de répétition inclinée.
• -Le mode miroir alterne le retournement horizontal et vertical sur les tuiles voisines, créant des motifs symétriques.

Échelle et rotation

Le contrôle d'échelle redimensionne chaque tuile de 25% à 400% de sa taille originale. La rotation applique une transformation autour du centre de chaque tuile, permettant n'importe quel angle de 0 à 360 degrés. Les deux transformations utilisent des opérations de transformation Canvas pour un rendu net.

Export CSS

L'export CSS crée un canevas à tuile unique, rend la tuile avec les paramètres d'échelle et de rotation actuels, la convertit en URI de données et génère une propriété CSS background-image avec des valeurs background-repeat et background-size appropriées.

Traitement côté client

Tout le traitement d'image se fait entièrement dans votre navigateur via l'API Canvas. Vos images ne sont jamais envoyées à un serveur, assurant une confidentialité totale. L'outil fonctionne hors ligne une fois chargé.