Eu tenho um arquivo SVG com viewBox = "- 155,7 -99 510 510". Acredito que isso compensou os caminhos na visualização do Mac OS X em -155,7 -99. Quando abro o SVG no Illustrator, os caminhos não são deslocados. como eu exporto este svg de modo que:
- viewBox = "0 0 510 510"
- e todos os caminhos adicionaram o conjunto de -155,7 -99
Tentei alterar a posição da prancheta, mas a origem da caixa de visualização nunca é 0,0.
adobe-illustrator
svg
user1109371
fonte
fonte
Eu já me deparei com esse problema várias vezes, e a única coisa que já funcionou para eu redefinir com segurança a caixa de exibição SVG para precisamente 0, 0 quando exportar do Illustrator é criar um novo documento em branco e copiar e colar a arte-final nele .
O canto superior esquerdo desta prancheta padrão intocada será exportado como ponto 0, 0 da caixa de exibição. Use guias inteligentes (
cmd-u) ou aalignjanela definida comoAlign to Artboardse você precisar que seu trabalho artístico inicie exatamente em 0, 0.Você pode redimensionar a prancheta com segurança no canto inferior direito, mas as coisas começam a dar errado se você mover o canto superior esquerdo. Mover o canto superior esquerdo das pranchetas ou importar arquivos SVG para AI parece causar algum tipo de desconexão interna estranha entre as réguas, pranchetas e algum tipo de ponto de origem invisível e invisível da caixa de exibição secreta conhecido apenas pelo Illustrator.
AFAICT, como na maioria das coisas relacionadas à Web ou à tecnologia emergente, a abordagem da Adobe ao SVG tem sido a de juntar algo grosseiramente para que eles possam se gabar disso em um comunicado de imprensa e deixá-lo com bugs, inacabado e não amado, fingindo que não. existir e continuar como se fosse 1998.
fonte
viewboxalteração na exportação para SVG. Você está completamente correto ao criar um novo documento e copiar sobre todo o trabalho artístico. Sua resposta deve ser marcada como +1 correta.Preserve Illustrator Editing Capabilitiesa primeira vez que salvar, caso precise fazer mais ajustes e depois que eu achar que tudo está muito bom, eu o salvo sem ele (o aumento no tamanho do arquivo é bastante significativo, então você deve fazer isso isso)Sei que isso é muito tarde para o tópico, mas tive o mesmo problema e fiz o seguinte.
Espero que isso ajude outra pessoa.
fonte
width="<W>" height="<H>"seu editor de texto favorito à tag SVG também ajuda (onde<W>e<H>seriam números decimais).Eu tive um problema muito semelhante ao de minha SVG criada pela IA não ser centralizada e expandida para a janela completa do navegador, porque a AI continua alterando o tamanho da prancheta e esquece a centralização.
A única maneira de corrigi-lo é ter uma etapa final de processamento manual no Inkscape.
Por fim, você precisa salvar o SVG novamente, mas use o formato "SVG otimizado" na caixa de diálogo Salvar como. Haverá uma caixa de diálogo para as opções SVG e você deverá habilitar "Ativar viewboxing".
Como todos os meus SVGs são ícones do mesmo tamanho, essa etapa do processamento leva apenas 1 minuto, pois eu sempre tenho o mesmo tamanho de tela e objeto. Mas sim, é uma pena que esta etapa seja necessária e deva ser corrigida na IA.
fonte
Eu descobri isso. Finalmente! Existe uma maneira simples de fazer isso. Igual a:
O problema era que, quando você exporta uma imagem do Illustrator (como muitos fazem), a prancheta não é incluída no SVG exportado. Os caminhos não têm nada em que basear seus cálculos.
No meu caso, a altura máxima para minhas imagens era
100pxe eu precisava basear os estilos CSS para essas imagens com base em sua largura e altura. No CSS, eu usovwunidades, ou simplesmente,100%se o SVG for preencher espaço em bloco. Isso escala bem. Dessa forma, você não se preocupa em definir a largura e a altura no CSS para garantir que seja exibido corretamente.Analisei cada logotipo e configurei a altura para
100pxe deixei a largura calcular automaticamente com base na proporção. Em seguida, encaixo a prancheta no logotipo para remover qualquer espaço não utilizado.Selecionei um retângulo, desliguei o preenchimento e o traçado e assegurei que ele tivesse exatamente o mesmo tamanho da prancheta. Coloque este objeto em branco na parte de trás. Agora, quando você exportar, o caminho terá uma base para trabalhar os cálculos.
Para fazer isso no código, parece que você pode agrupar os caminhos em a
recte definir largura e altura, e depois definirviewBoxo mesmo (manter as proporções iguais). Como mostrado no exemplo acima. Na verdade, não testei isso, mas testarei e atualizarei.fonte
Consegui corrigi-lo usando o Inkscape . Parece que o Illustrator não oferece suporte a arquivos SVG.
fonte