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 滤镜的完整列表。