Editor de Caminho SVG

Caminho SVG

Dados do Caminho (atributo d)

Caminho de Exemplo

Operações de Caminho

Escala

Eixo X

Eixo Y

Transladar

Deslocamento X

Deslocamento Y

Rotacionar

Ângulo (Graus)

Opções de Saída

Precisão (Casas Decimais)

Compactar Saída

Visualização SVG

Cor do Traço

Largura do Traço

Cor de Preenchimento

Opacidade do Preenchimento

Dados do Caminho

Número de Comandos

0

Comprimento do Caminho

0

Largura da Caixa Delimitadora

0

Altura da Caixa Delimitadora

0

Caminho Otimizado

Sobre Caminhos SVG:

Caminho SVGé um dos elementos mais poderosos do SVG, capaz de criar formas de qualquer tipo. Um caminho consiste em uma série de comandos e coordenadas que definem como a forma é desenhada.

Comandos de Caminho Comuns:

M/m: Mover Para
L/l: Linha Para
H/h: Linha Horizontal Para
V/v: Linha Vertical Para
C/c: Curva Bézier Cúbica

S/s: Curva Bézier Cúbica Suave
Q/q: Curva Bézier Quadrática
T/t: Curva Bézier Quadrática Suave
A/a: Arco Elíptico
Z/z: Fechar Caminho

Dica:Letras maiúsculas representam coordenadas absolutas, letras minúsculas representam coordenadas relativas. Use este editor para visualizar, editar e otimizar caminhos SVG convenientemente.