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

Поиск

Последнее обновление 21 мая 2021 г.

Извлечение веб-оптимизированных файлов 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 — задает единицы измерения, которые используется с атрибутами высоты и ширины корневого элемента.