Se você salvou imagens do Illustrator ou imagens do Adobe Stock licenciadas nas Bibliotecas da Creative Cloud, pode extrai-las como arquivos SVG otimizados para a Web nas páginas online do Dreamweaver. Quando você arrasta as imagens do painel das Bibliotecas da CC para suas páginas da Web, elas são inseridas como arquivos SVG, por padrão. Para obter mais informações, consulte Reusar gráficos salvos em bibliotecas da CC.

Se desejar personalizar as propriedades dos arquivos SVG, você pode editar as preferências no arquivo options.json presente no seguinte local:

  • Windows: %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
  • Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/

O JSon Object para converter arquivos .ai em arquivos SVG pode conter as seguintes propriedades:

Nome da propriedade Valor Descrição
trimToArtBounds booliano O SVG abrange os limites da arte independente da dimensão do documento OMG.
useViewBox booliano Se trimToArtBounds e useViewBox estiverem definidos como verdadeiros, o conteúdo do documento não será deslocado. Em vez disso, o valor viewBox do elemento raiz do SVG é modificado para fatiar e ampliar o conteúdo para se adequar às necessidades.
constrainToDocBounds booliano Corta o conteúdo visível de acordo com os limites do documento.
preserveAspectRatio sequência

Proporção conforme definido pela especificação SVG. Definir preserveAspectRatio substitui o valor computado de svgWriter. Portanto, recomenda-se não definir esse valor.

Observação: para meet ou xMidYMid meet use a sequência de caracteres equivalente, xMidYMid, para tamanho de arquivo reduzido.

styling sequência

Esta propriedade é opcional e tem como padrão class:

  • class: use o elemento global e indique o bloco de estilo com o atributo classe.
  • style: use o atributo estilo para aplicar propriedades de estilo a elementos.
  • attribute: use atributos de apresentação para aplicar propriedades de estilo a elementos.
prefix sequência Um prefixo que será acrescentado a cada ID e nome de classe. Isso permite esquemas de nomenclatura exclusivos para cada documento SVG. Vários documentos SVG podem ser incorporados a um único documento HTML sem uma ID ou conflitos de nome de classe desde que os prefixos fornecidos sejam exclusivos.
cropRect objeto Um retângulo com as propriedades x, y, largura e altura. x e y são opcionais. Define um retângulo no qual o documento SVG é cortado. O preenchimento é criado se a dimensão é menor do que o retângulo de corte.
minify   Evita recuos, novas linhas e espaços na saída SVG. Usa IDs mínimas.
idType sequência
  • regular: o modo padrão de criar IDs. Preferível com base nos nomes de camada/objeto no aplicativo.
  • minimal: cria as IDs mais curtas possível independentemente dos nomes de camada/objeto definidos pelo usuário no aplicativo.
  • unique: cria UUIDs com base em rfc4122 no formato xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.
precision número O número de dígitos após o ponto flutuante. O número deve ser de 0 a 10 e, se especificado de outra forma, o número é cortado. O padrão é 3.
isResponsive booliano Se definido como true, o documento SVG preenche o visor/a área da imagem (sem os atributos largura e altura definidos na raiz do SVG).
carriageReturn  booliano Por padrão, svgWriter usa o LF de final de linha. Com carriageReturn definido como true, finais de linha usam CRLF.
indentation sequência Use uma sequência de caracteres personalizada como recuo. Por exemplo, use o recuo por Tab. O valor padrão nesse caso tem dois espaços.
fillFilter booliano Filtros somente se aplicam ao preenchimento de um elemento. O traçado não é afetado e é desenhado por cima do conteúdo filtrado.
documentUnits  sequência mm | cm | pc | in – unidades de documento especificadas serão usadas nos atributos largura e altura do elemento raiz.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online