Google Web Designer 中的 SVG

SVG 是一种用于矢量图形且基于 XML 的图片格式。SVG 图片在自适应版式中特别有用,因为在调整这类图片的大小时,其质量完全不会受到影响。

调整 SVG 的大小

如果您要调整 SVG 图片或形状的大小以使其更大,请使用宽度和高度属性(而不是 3D 缩放)。如果您使用的是“选择工具”转换控件,则可能需要更改大小样式

如何添加 SVG

您可以通过多种方法将 SVG 添加到文档中:

  • 导入 SVG 文件(如需更多信息,请参见下文)
  • 使用钢笔工具和形状工具绘制 SVG 形状
  • 直接在代码视图中插入 SVG 代码
  • 在设计视图中粘贴 SVG 代码
  • 通过应用 SVG 滤镜,将文字元素转换为 SVG

导入 SVG 文件

您可以通过以下方式导入 SVG 文件:使用文件 > 导入素材资源…菜单命令,或者将相应文件拖动到 Google Web Designer 窗口中。

导入 SVG 文件时,您可以将 SVG 视为图片,也可以将 SVG 代码内嵌到文档的 HTML 中。下表列出了每种方法的一些用例。

图片 内嵌
  • 可与 SVG 滤镜搭配使用
  • 可在代码视图中修改

SVG 滤镜

您可以使用 SVG 滤镜为 SVG 元素添加特殊效果,例如添加模糊处理、光晕等效果。请查看 SVG 滤镜的完整列表

    

SVG 滤镜效果示例(左侧是原始 SVG)

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
14183111327096992744
true
搜索支持中心
true
true
true
true
true
5050422
false
false