Извлечение файлов SVG, оптимизированных для Интернета, из библиотек

Извлечение веб-оптимизированных файлов SVG из библиотек и настройка параметров файлов SVG.

Если вы сохранили изображения Illustrator или лицензированные изображения из Adobe Stock в своих библиотеках Creative Cloud Libraries, их можно извлечь на своих веб-страницах Dreamweaver как файлы SVG, оптимизированные для Интернета. При перетаскивании изображений с панели Libraries на веб-страницу они будут вставляться как файлы SVG по умолчанию. Дополнительные сведения см. в разделе Повторное использование графических объектов, сохраненных в Libraries.

Если необходимо настроить свойства файлов SVG, сделать это можно, отредактировав файл options.json в следующем местоположении:

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

Объект JSon для преобразования файлов .ai в SVG может содержать следующие свойства:

Имя свойства Значение Описание
trimToArtBounds логическое Границы изображения SVG, независимые от размеров документа OMG.
useViewBox логическое Если для свойств trimToArtBounds и useViewBox задано значение true, содержимое документа не будет сдвигаться. Вместо этого значение viewBox корневого элемента SVG изменится так, чтобы вырезать и увеличить содержимое требуемым образом.
constrainToDocBounds логическое Обрезает видимое содержимое по границам документа.
preserveAspectRatio строка

Пропорции в соответствии со спецификацией SVG. Установка preserveAspectRatio переопределяет вычисленное значение svgWriter. Поэтому рекомендуется не задавать это значение.

Примечание. Для meet или xMidYMid meet используйте эквивалентную строку xMidYMid, чтобы сократить размер файла.

styling строка

Это свойство является необязательным и по умолчанию имеет значение class:

  • class: используется элемент global, ссылка на блок style с атрибутом class.
  • style: используйте атрибут style, чтобы применять свойства стиля к элементам.
  • attribute: используйте атрибуты presentation, чтобы применять свойства стиля к элементам.
prefix строка Префикс будет добавляться к каждому идентификатору и имени класса. Это обеспечивает уникальные схемы именования для каждого документа SVG. Если указанные префиксы уникальны, несколько документов SVG могут быть встроены в единый документ HTML без опасений конфликтов идентификатором или имен классов.
cropRect объект Прямоугольник со свойствами x, y, width и height. x и y являются необязательными. Определяет прямоугольник, в соответствии с которым кадрируется документ SVG. Если размеры документа меньше, чем прямоугольник кадрирования, создается заполнение.
minify   Предотвращает отступы, новые строки и пробелы в выходном SVG. Используется тип идентификатора minimal.
idType строка
  • regular: обычный способ создания идентификаторов. Рекомендуется. На основе имен слоев/объектов в программе.
  • minimal: создаются по возможности максимально короткие идентификаторы, не зависящие от определенных пользователем имен слоев/объектов в программе.
  • unique: создаются идентификаторы UUID в формате xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx на основе стандарта rfc4122.
precision число Число разрядов после плавающей точки. Это число должно быть в пределах от 0 до 10; если указано иное, число усекается. Значение по умолчанию — 3.
isResponsive логическое Если установлено значение true,документ SVG заполняет область просмотра/изображения (не заданы атрибуты высоты и ширины в корне SVG).
carriageReturn  логическое По умолчанию svgWriter использует символ конца строки LF. Если для carriageReturn задано значение true, то применяется символ конца строки CRLF.
indentation строка В качестве отступа используется пользовательская строка. Например, символ табуляции. Значение по умолчанию здесь — 2 пробела.
fillFilter логическое Фильтры применяются только к заливке элемента. Обводка не изменяется и отрисовывается поверх фильтрованного содержимого.
documentUnits  строка mm | cm | pc | in — задает единицы измерения, которые используется с атрибутами высоты и ширины корневого элемента.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?