Editor de caminhos SVG

O Editor de caminhos SVG permite escrever e refinar o atributo d de um caminho SVG e ver a forma atualizar ao vivo. Digite ou cole uma string de caminho e a prévia é redesenhada conforme você edita, com a vista se ajustando automaticamente às suas coordenadas. Você pode definir as cores do traço e do preenchimento e a espessura do traço, copiar o caminho finalizado e abrir uma referência integrada de todos os comandos. Tudo acontece no seu navegador, nada é enviado.

1. Digite ou cole os dados do caminho na caixa de entrada 2. Defina a cor do traço, a cor do preenchimento e a espessura 3. Observe a prévia se atualizar em tempo real 4. Abra a referência de comandos se precisar 5. Clique em Copiar para obter a string do caminho finalizado

Um caminho é uma sequência de comandos como M para mover, L para traçar uma linha e C para uma curva, cada um com coordenadas. Comandos em maiúsculas usam coordenadas absolutas e posições exatas; os minúsculos são relativos ao ponto anterior. A vista se ajusta examinando os números do seu caminho, então adicionar margem ou conferir as coordenadas ajuda se uma forma parecer recortada. O cartão de referência ajuda a lembrar a sintaxe exata de arcos, béziers e outros comandos.