Extraia das Bibliotecas arquivos SVG otimizados para a Web e personalize as propriedades dos arquivos SVG.
Se você salvou imagens do Illustrator ou imagens do Adobe Stock licenciadas nas Bibliotecas da Creative Cloud, poderá extrai-las como arquivos SVG otimizados para a Web nas páginas online do Dreamweaver. Quando você arrasta as imagens do painel Bibliotecas 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 nas Bibliotecas.
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:
|
| 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 |
|
| 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. |