SVG 是向量圖形專用的 XML 圖片格式。SVG 圖片能以不同尺寸顯示,且品質不變,所以特別適合用於回應式版面配置。
調整 SVG 圖片大小
如要調整 SVG 圖片或圖形的大小,將這類元素放大,請直接設定寬度和高度屬性,不要使用 3D 縮放。如果您使用選取範圍工具的轉換控制項,則可能需要變更大小樣式。
如何新增可擴充向量圖形
在文件中加入可擴充向量圖形的方法有很多種:
- 匯入可擴充向量圖形檔 (詳情請見下文)
- 使用畫筆和圖形工具繪製可擴充向量圖形
- 在程式碼檢視模式中直接插入可擴充向量圖形程式碼
- 在設計檢視模式中貼上可擴充向量圖形程式碼
- 套用可擴充向量圖形篩選器,將文字元素轉換為可擴充向量圖形
匯入可擴充向量圖形檔
如要匯入可擴充向量圖形檔,請依序使用 [檔案] > [匯入素材資源...] 選單指令,或是將檔案拖曳至 Google Web Designer 視窗中。
匯入可擴充向量圖形檔時,您可以選擇將可擴充向量圖形視為圖片進行操作,或在文件的 HTML 中嵌入可擴充向量圖形程式碼。下表列出這兩種方法個別的使用案例。
圖片 | 內嵌 |
---|---|
|
可擴充向量圖形篩選器
您可以透過可擴充向量圖形篩選器,為可擴充向量圖形元素加上模糊處理、光暈等特效。請參閱可擴充向量圖形篩選器的完整清單。