girar SVG
☞ roda inteiramente no seu navegador — nada é enviadoSolte seu SVG aqui
ou clique para procurar — somente SVG
Prévia
OneImageTool
Ferramentas de Imagem Grátis
girar SVG
Vire um SVG em passos de 90° ou espelhe em qualquer sentido. O desenho é envolvido por uma única transformação, então cada caminho do arquivo fica exatamente como o designer deixou.
ou clique para procurar — somente SVG
Prévia
uma linha de transform
Girar uma foto significa reamostrar cada pixel. Girar um SVG significa escrever uma transformação: o desenho é envolvido por um grupo que gira em torno da tela, e a tela — o viewBox mais width e height — troca os dois lados quando a rotação é de 90° ou 270°. Nenhuma coordenada dos seus caminhos é reescrita.
É também por isso que o resultado é exato. Sem interpolação, sem bordas moles, sem desvio depois de quatro giros — quatro quartos de volta devolvem o arquivo original, byte a byte.
três passos
Escolha um arquivo .svg — ele fica no seu dispositivo.
Avance em passos de 90°, espelhe em qualquer eixo, combine os dois.
A mesma arte, com nova orientação.
respostas rápidas
Aqui não. Em passos de 90° a tela continua encaixando exatamente no desenho; a 37° não encaixaria, e seriam necessárias margens, um viewBox maior e uma decisão sobre o que fazer com os cantos. Passos de 90° cobrem os casos reais — girar um ícone, corrigir uma exportação deitada — com um resultado totalmente previsível.
Quase nada. Entra um elemento de grupo com um atributo transform, e o viewBox e os atributos de tamanho são atualizados. Caminhos, gradientes, classes e ids ficam intocados.
Não muda — ele segue o que você vê. Horizontal sempre espelha da esquerda para a direita na tela, o que depois de um quarto de volta corresponde a outro eixo no arquivo original. É o comportamento que se espera de um editor de imagens.
title, desc, style, metadata e defs continuam no nível superior, onde devem estar. Só o desenho em si vai para dentro do grupo girado, então leitores de tela continuam anunciando a imagem do mesmo jeito.
Um é adicionado para você, correspondendo ao width e ao height do arquivo. Sem viewBox não há tela para trocar de lados, e um quarto de volta empurraria o desenho para fora da área visível.
Não. O arquivo é interpretado e reescrito no seu navegador.