Visualizador e Inspetor de Comandos de Caminho SVG

Lendo os comandos

Comandos em maiúsculas usam coordenadas absolutas; os em minúsculas se movem em relação ao ponto atual. Cada um aceita um número fixo de valores: H e V, um; M, L e T, dois; S e Q, quatro; C, seis; A, sete; e Z, nenhum. Valores extras repetem o comando, e pares extras depois de M são tratados como L. Os sete valores de um arco são os dois raios, a rotação, duas flags que escolhem o arco maior ou menor e sua direção, e o ponto final.

Tamanho da prévia e números compactos

A prévia mostra uma área de 200 × 200 unidades a partir da origem. Um ícone desenhado em uma grade de 24 unidades aparece pequeno no canto superior esquerdo, e os caminhos de um conjunto de ícones de 512 unidades ultrapassam a borda; isso é o canvas, não o caminho.

Os otimizadores frequentemente removem separadores, escrevendo M10-5 ou .5.5 para dois números. A análise os lê como os navegadores: um sinal de menos ou um segundo ponto decimal inicia um novo número; assim, .5.5 significa 0.5 e 0.5. As flags de arco são dígitos únicos; em a5 5 0 015 5, as flags são 0 e 1, e o ponto final é 5 5. Para alterar a forma em vez de apenas lê-la, abra-a no editor de SVG.

Como usar

1. Cole os dados de caminho SVG (ex.: M10 10 L90 90 Z).
2. Inspecione os tokens e as descrições dos comandos.
3. Veja a prévia renderizada do caminho vetorial.

Privacidade e limitações

O processamento é 100% no navegador, sem retenção de dados.