Extraire des fichiers SVG optimisés pour le web depuis des Bibliothèques et personnaliser les propriétés des fichiers SVG.
Si vous avez enregistré des images Illustrator ou des images Adobe Stock sous licence dans vos bibliothèques Creative Cloud, vous pouvez les extraire sous la forme de fichiers SVG optimisés pour le web dans vos pages web Dreamweaver. Lorsque vous faites glisser ces images du panneau Bibliothèques vers vos pages web, elles sont insérées par défaut en tant que fichiers SVG. Pour plus d’informations, voir Réutilisation d’images enregistrées dans les Bibliothèques.
Si vous voulez personnaliser les propriétés des fichiers SVG, vous pouvez modifier les préférences dans le fichier options.json présent à l’emplacement suivant :
- Windows : %appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
- Mac : ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/
L’objet JSon pour la conversion des fichiers .ai en fichiers SVG peut comporter les propriétés suivantes :
| Nom de propriété | Valeur | Description |
| trimToArtBounds | boolean | Le fichier SVG couvre les limites de l’illustration indépendamment de la dimension du document OMG. |
| useViewBox | boolean | Si trimToArtBounds et useViewBox sont définis avec la valeur True (Vrai), le contenu du document ne sera pas déplacé. Dans ce cas, la valeur viewBox de l’élément SVG racine est modifié pour calquer et agrandir le contenu afin de correspondre aux besoins. |
| constrainToDocBounds | boolean | Réduit le contenu visible sur les limites du document. |
| preserveAspectRatio | string | Proportions, comme définies par la spécification SVG. La définition de la propriété preserveAspectRatio remplace la valeur calculée de la propriété svgWriter. Par conséquent, il est recommandé de ne pas définir cette valeur. Remarque : pour les propriétés meet ou xMidYMid meet, utilisez la chaîne équivalente, xMidYMid, pour réduire la taille du fichier. |
| styling | string | Cette propriété est facultative et est définie par défaut avec la valeur de class :
|
| prefix | string | Préfixe qui sera ajouté à chaque ID et nom de classe. Permet d’avoir des conventions de dénomination uniques pour chaque document SVG. Plusieurs documents SVG peuvent être intégrés dans un document HTML unique sans conflit d’ID ou de nom de classe tant que les préfixes fournis sont uniques. |
| cropRect | object | Rectangle avec les propriétés x, y, largeur et hauteur. x et y sont facultatifs. Définit un rectangle dans lequel le document SVG est recadré. La marge intérieure est créée si la dimension est inférieure à celle du rectangle de recadrage. |
| minify | Évite les retraits, les nouvelles lignes et des espaces blancs dans la sortie SVG. Utilise les ID minimum. | |
| idType | string |
|
| precision | number | Nombre de chiffres après la virgule flottante. Ce nombre doit être compris entre 0 et 10, et si spécifié différemment, il est ajusté. La valeur par défaut est 3. |
| isResponsive | boolean | Si cette propriété est définie avec la valeur true, le document SVG remplit la fenêtre d’affichage/la zone de l’image (aucun attribut de hauteur et de largeur n’est défini à la racine SVG). |
| carriageReturn | boolean | Par défaut, svgWriter utilise la fin de ligne LF. Avec la propriété carriageReturn définie avec la valeur true, les fins de ligne utilisent CRLF. |
| indentation | string | Utilisez une chaîne personnalisée en tant que retrait. Par exemple, utilisez la tabulation pour le retrait. Dans ce cas, la valeur par défaut est de 2 espaces. |
| fillFilter | boolean | Les filtres s’appliquent uniquement au remplissage d’un élément. Le contour est inchangé et est dessiné par-dessus le contenu filtré. |
| documentUnits | string | mm | cm | pc | in - Des unités de document spécifiées sont utilisées sur les attributs de largeur et hauteur de l’élément racine. |
