Estraete file SVG ottimizzati per il Web dalle librerie e personalizzatene le proprietà.
Se avete salvato immagini Illustrator o immagini di Adobe Stock con licenza nelle vostre librerie Creative Cloud, potete estrarli come file SVG ottimizzati per il Web nelle pagine Web di Dreamweaver. Quando trascinate le immagini dal pannello Libraries alle pagine Web, esse vengono inserite per impostazione predefinita come file SVG. Per ulteriori informazioni, consultate Riutilizzare la grafica salvata in Libraries.
Se desiderate personalizzare le proprietà dei file SVG, potete modificare le preferenze nel file options.json che si trova nel seguente percorso:
- Windows: %appdata%\Adobe\Dreamweaver CC 2015\<codice lingua>\Configuration\SVGOptions\
- Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2015/<codice lingua>/Configuration/SVGOptions/
L’oggetto JSon per la conversione dei file .ai in file SVG può contenere le seguenti proprietà:
| Nome proprietà | Valore | Descrizione |
| trimToArtBounds | boolean | Il file SVG copre i limiti della grafica indipendentemente dalle dimensioni del documento OMG. |
| useViewBox | boolean | Se trimToArtBounds e useViewBox sono impostati su true, il contenuto del documento non verrà spostato. Al contrario, il valore viewBox dell’elemento SVG principale viene modificato per suddividere e ridimensionare il contenuto in base alle esigenze. |
| constrainToDocBounds | boolean | Taglia il contenuto visibile fino ai limiti del documento. |
| preserveAspectRatio | string | Proporzioni corrispondenti alla specifica SVG. L’impostazione di preserveAspectRatio sostituisce il valore calcolato di svgWriter. Di conseguenza, si consiglia di non impostare questo valore. Nota: per meet o xMidYMid meet utilizzate la stringa equivalente, xMidYMid, per limitare le dimensioni del file. |
| styling | string | Questa proprietà è opzionale ed è impostata sul valore predefinito class:
|
| prefix | string | Un prefisso che verrà aggiunto a ogni ID e nome di classe. In questo modo si possono avere schemi di denominazione univoci per ogni documento SVG. Più documenti SVG possono essere inclusi in linea in un singolo documento HTML senza conflitti di nomi di ID o di classe, a condizione che i prefissi specificati siano univoci. |
| cropRect | object | Un rettangolo con le proprietà x, y, width e height. x e y sono facoltative. Definisce un rettangolo in base al quale il documento SVG viene ritagliato. Se la dimensione del documento è minore di quella del rettangolo di ritaglio, viene creato uno spazio di riempimento. |
| minify | Evita rientri, nuove righe e spazi vuoti nell’output SVG. Utilizza ID minimi. | |
| idType | string |
|
| precision | number | Il numero di cifre dopo la virgola mobile. Il numero deve essere compreso tra 0 e 10 e, se specificato diversamente, viene troncato. Il valore predefinito è 3. |
| isResponsive | boolean | Se è impostato su true, il documento SVG riempie l’intero riquadro di visualizzazione/area di immagine (nessun attributo width o height impostato nell’SVG principale). |
| carriageReturn | boolean | Per impostazione predefinita, svgWriter usa il carattere di fine riga LF. Con carriageReturn impostato su true, viene utilizzato CRLF. |
| indentation | string | Usa una stringa personalizzata come rientro. Ad esempio, un rientro con tabulazione. Il valore predefinito in questo caso è di 2 spazi. |
| fillFilter | boolean | I filtri vengono applicati solo al riempimento di un elemento. Il tratto non viene alterato in alcun modo e viene tracciato sopra il contenuto filtrato. |
| documentUnits | string | mm | cm | pc | in - Le unità documento specificate vengono utilizzate sugli attributi width e height dell’elemento principale. |
