Google Web Designer 中的可擴充向量圖形

SVG 是向量圖形專用的 XML 圖片格式。SVG 圖片能以不同尺寸顯示,且品質不變,所以特別適合用於回應式版面配置。

調整 SVG 圖片大小

如要調整 SVG 圖片或圖形的大小,將這類元素放大,請直接設定寬度和高度屬性,不要使用 3D 縮放。如果您使用選取範圍工具的轉換控制項,則可能需要變更大小樣式

如何新增可擴充向量圖形

在文件中加入可擴充向量圖形的方法有很多種:

  • 匯入可擴充向量圖形檔 (詳情請見下文)
  • 使用畫筆和圖形工具繪製可擴充向量圖形
  • 在程式碼檢視模式中直接插入可擴充向量圖形程式碼
  • 在設計檢視模式中貼上可擴充向量圖形程式碼
  • 套用可擴充向量圖形篩選器,將文字元素轉換為可擴充向量圖形

匯入可擴充向量圖形檔

如要匯入可擴充向量圖形檔,請依序使用 [檔案] > [匯入素材資源...] 選單指令,或是將檔案拖曳至 Google Web Designer 視窗中。

匯入可擴充向量圖形檔時,您可以選擇將可擴充向量圖形視為圖片進行操作,或在文件的 HTML 中嵌入可擴充向量圖形程式碼。下表列出這兩種方法個別的使用案例。

圖片 內嵌

可擴充向量圖形篩選器

您可以透過可擴充向量圖形篩選器,為可擴充向量圖形元素加上模糊處理、光暈等特效。請參閱可擴充向量圖形篩選器的完整清單

    

可擴充向量圖形篩選器效果範例 (左側為原始可擴充向量圖形)

這對您有幫助嗎?

我們應如何改進呢?

還有其他問題嗎?

嘗試以下步驟:

true
搜尋
清除搜尋內容
關閉搜尋
主選單
16253348801236243709
true
搜尋說明中心
true
true
true
true
true
5050422
false
false