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 depuis le panneau Bibliothèques CC 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 CC.

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 booléen Le fichier SVG couvre les limites de l’illustration indépendamment de la dimension du document OMG.
useViewBox booléen 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 booléen Réduit le contenu visible sur les limites du document.
preserveAspectRatio chaîne

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 chaîne

Cette propriété est facultative et est définie par défaut avec la valeur de class :

  • class : utilise l’élément global et référence le bloc de style avec l’attribut de classe.
  • style : utilise l’attribut de style pour appliquer les propriétés de style aux éléments.
  • attribute : utilise les attributs de présentation pour appliquer les propriétés de style aux éléments.
prefix chaîne 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 objet 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 chaîne
  • regular : méthode par défaut pour la création d’ID. Meilleure méthode basée sur les noms de calque/d’objet dans l’application.
  • minimal : crée les ID les plus courts possibles indépendamment des noms de calque/d’objet définis par l’utilisateur dans l’application.
  • unique : crée des UUID basés sur rfc4122 sous le format xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx.
precision nombre 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 booléen 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  booléen 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 chaîne 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 booléen Les filtres s’appliquent uniquement au remplissage d’un élément. Le contour est inchangé et est dessiné par-dessus le contenu filtré.
documentUnits  chaîne 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.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne