# Shader Edge Detect

Só os contornos de uma imagem, traçados pelo filtro de Sobel na cor da marca, sozinhos ou por cima da foto.

- Nome no registry: `shader-edge-detect`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/shader-edge-detect
- Categorias: shaders, shader, webgl, imagem, contorno, traco

## Quando usar

- Use quando: Foto virando desenho a traço na cor da marca, em hero técnico, blueprint ou capa de manual
- Evite quando: Imagem em caracteres: shader-ascii; retícula de pontos, shader-halftone

## Instalar

```bash
npx shadcn@latest add @visant/shader-edge-detect
```

## Usar

```tsx
<ShaderEdgeDetect />
```

## API

### ShaderEdgeDetect

- `src: string` — A imagem a traçar. Fundo transparente vira papel.
- `alt?: string = "Contornos da imagem"` — Texto alternativo da imagem.
- `colors?: string[]` — Paradas: fundo e traço. Qualquer cor CSS ou token.
- `overlay?: number = 0` — Quanto da foto aparece por baixo do traço.
- `strength?: number = 40` — Força do traço.
- `threshold?: number = 20` — Limiar: quanto mais alto, só as bordas fortes viram traço.