上次更新時間
2021年4月29日
從資料庫擷取網頁最佳化的 SVG 檔案，並自訂 SVG 檔案的屬性。
如果您已在 Creative Cloud 資料庫中儲存 Illustrator 或已授權的 Adobe Stock 影像，可將這些影像當做網頁最佳化的 SVG 檔案擷取到您的 Dreamweaver 網頁中。當您將影像從「資料庫」面板拖曳到網頁時，影像預設會插入為 SVG 檔案。如需詳細資訊，請參閱「重複使用儲存在資料庫中的圖形」。
如果您要自訂 SVG 檔案的屬性，可編輯位於下列位置之 options.json 檔案中的偏好設定：
- Windows：%appdata%\Adobe\Dreamweaver CC 2015\<locale>\Configuration\SVGOptions\
- Mac：~/Library/Application Support/Adobe/Dreamweaver CC 2015/<locale>/Configuration/SVGOptions/
用來將 .ai 檔案轉換至 SVG 檔案的 JSon 物件可包含下列屬性：
| 屬性名稱 | 值 | 描述 |
| trimToArtBounds | 布林值 | SVG 涵蓋線條圖邊界，而與 OMG 文件尺寸無關。 |
| useViewBox | 布林值 | 如果 trimToArtBounds 和 useViewBox 設為 true，文件內容不會位移。而是修改根 SVG 元素的 viewBox 值，分割並縮放內容以符合需求。 |
| constrainToDocBounds | 布林值 | 將可見內容裁剪至文件邊界。 |
| preserveAspectRatio | 字串 | 由 SVG 規格所定義的外觀比例。設定 preserveAspectRatio 會覆寫 svgWriter 的計算值。因此建議您不要設定此值。 注意：對於 meet 或 xMidYMid meet，請使用對等字串 xMidYMid 以減少檔案大小。 |
| styling | 字串 | 這個屬性是選擇性的，預設為 class：
|
| prefix | 字串 | 將新增至每個 ID 和類別名稱的前置詞。這允許每個 SVG 文件都有唯一的命名配置。只要提供的前置詞是唯一，多個 SVG 文件就能內嵌到單一 HTML 文件，而不會發生 ID 或類別名稱衝突。 |
| cropRect | 物件 | 具有 x、y、width 和 height 屬性的矩形。x 和 y 為選擇性的。定義 SVG 文件裁切到的矩形。如果尺寸小於裁切矩形，則會建立內距。 |
| minify | 避免 SVG 輸出會出現縮排、新行和空白。會使用最小 ID。 | |
| idType | 字串 |
|
| precision | 數字 | 浮點後的位數。數字必須在 0 到 10 之間的範圍內，如果不是這樣指定則會修減數目。預設為 3。 |
| isResponsive | 布林值 | 如果設為 true，SVG 文件會填滿檢視區/影像區域 (SVG 根上未設定 width 和 height 屬性)。 |
| carriageReturn | 布林值 | 根據預設，svgWriter 會使用行尾結束符號 LF。當 carriageReturn 設為 true 時，行尾結束符號會使用 CRLF。 |
| indentation | 字串 | 使用自訂字串做為縮排。例如，使用 Tab 縮排。在此情況下，預設值是 2 個空格。 |
| fillFilter | 布林值 | 篩選器只會套用至元素的填色。筆畫不受影響，並在已篩選的內容上方繪製。 |
| documentUnits | 字串 | mm | cm | pc | in - 指定的文件單位將用於根元素的 width 和 height 屬性。 |
