Sujeciones personalizadas

Consulta los valores exactos para bordes, esquinas, bordes parciales y puntos.

Vista previaArrastra la tela

Sujeción

Cuadrícula X 32

attachments.ts

import { createFlagCloth, type Attachment } from 'flag-cloth';

const attachment: Attachment = 'left';

const flag = createFlagCloth({
  container: document.querySelector<HTMLElement>('#flag')!,
  texture: '/my-flag.webp',
  segments: { x: 32, y: 20 },
  attachment,
});

// La sujeción también puede cambiar después de crear la instancia.
await flag.setOptions({ attachment });