如何在 PowerPoint 中创建响应式 SVG 和智能图标
Posted: Sun Dec 22, 2024 6:35 am
（可缩放矢量图形）是一种常用的矢量图形格式，在网络上尤为流行。由于它是基于矢量的，因此缩放时不会损失质量，这与 JPEG 或 PNG 等传统图片（基于光栅）不同。
PowerPoint 中的 SVG 图形和图标
在 PowerPoint 中，SVG 图形非常适合图标和插图，并且PowerPoint 中所有图标和插图都是 SVG 格式。但为什么要费心使用它们呢？SVG 和标准 PowerPoint 形状之间的主要区别是什么？
单个对象| PowerPoint 将 SVG 视为单个对象，即使它们可以由多种形状组成 - 这对性能有好处，可保持选择窗格整洁，并且 PowerPoint 中的智能指南不会尝试锁定每个形状。如果需要，您可以将 SVG 拆分为单个 PowerPoint 形状（选择 SVG，然后取消组合一次以转换为 PowerPoint 形状，再次取消组合以将其拆分为单个元素（如果您有三只手，则在 PC 上按 Ctrl + Shift + G 或在 Mac 上按 Alt + Shift + Command + G）。
缩放轮廓| 如果调整图形大小，SVG 上的任何轮廓都会缩放以保留其原始外观，这是 PowerPoint 形状无法做到的，因此您必须手动修复它。
您仍然可以手动更改填充和轮廓颜色以及轮廓宽度，但您无法像 PowerPoint 形状那样对每个形状的外观进行精细控制。不过，对于图标等图形来说，这通常已经足够了。
裁剪| 您可以像裁剪图片一样裁剪 SVG。这有点奇怪，但有时很有用，印尼电话 而且您绝对无法使用 PowerPoint 形状来做到这一点。
主题颜色| PowerPoint 形状可以与特定的主题颜色绑定，使其适应不同的主图和模板。如果您使用多个 PowerPoint 形状来形成一个图标或插图，每个形状都与不同的主题颜色绑定，那么这些形状的颜色将更改为与新的主题颜色相匹配，这对于品牌重塑非常有用。但是，SVG 通常与单一颜色绑定，因此您无法从漂亮的多色图标和插图中受益。此外，如果您将 SVG 拆分为单独的 PowerPoint 形状，那么更改颜色可能会导致各种奇怪的行为，出现您不想要的额外形状填充或线条。
如何在 PowerPoint 中创建响应式 SVG 和智能图标
但是，通过一些编码技巧，您可以创建 SVG，控制哪些部分更改填充颜色、哪些部分更改线条颜色以及哪些部分根本不会更改。您可以选择 SVG 的哪些部分与模板主题颜色相匹配。最终让人们可以创建带有品牌图标的演示文稿，他们可以控制这些图标而不会弄乱它们。
SVG 代码中的类
在开始之前，我们需要了解构成 SVG 文件的一些基本原理。下面您可以看到一个非常基本的 SVG 图形，其中包含三个圆圈，在它的左侧您可以看到在文本编辑器中打开的同一个文件。我稍微简化了代码，以便于我解释，但这些原理在任何 SVG 文件中都是相同的。
从上面的代码中，需要理解的重要概念是类。每个形状都分配有一个类 (1)，这些类在形状之前定义 (2)。在此示例中，类“紫色”表示具有此类的所有形状都将填充紫色。两个圆圈应用了“紫色”类，这两个圆圈确实被绘制为紫色圆圈。您可以在一个类中定义许多属性，但对于在 PowerPoint 中使用，可以使用类为 SVG 中的多个形状赋予相同的填充颜色、轮廓颜色或轮廓粗细。类是使所有这些工作得以实现的原因。
PowerPoint 中的 SVG 图形和图标
在 PowerPoint 中，SVG 图形非常适合图标和插图，并且PowerPoint 中所有图标和插图都是 SVG 格式。但为什么要费心使用它们呢？SVG 和标准 PowerPoint 形状之间的主要区别是什么？
单个对象| PowerPoint 将 SVG 视为单个对象，即使它们可以由多种形状组成 - 这对性能有好处，可保持选择窗格整洁，并且 PowerPoint 中的智能指南不会尝试锁定每个形状。如果需要，您可以将 SVG 拆分为单个 PowerPoint 形状（选择 SVG，然后取消组合一次以转换为 PowerPoint 形状，再次取消组合以将其拆分为单个元素（如果您有三只手，则在 PC 上按 Ctrl + Shift + G 或在 Mac 上按 Alt + Shift + Command + G）。
缩放轮廓| 如果调整图形大小，SVG 上的任何轮廓都会缩放以保留其原始外观，这是 PowerPoint 形状无法做到的，因此您必须手动修复它。
您仍然可以手动更改填充和轮廓颜色以及轮廓宽度，但您无法像 PowerPoint 形状那样对每个形状的外观进行精细控制。不过，对于图标等图形来说，这通常已经足够了。
裁剪| 您可以像裁剪图片一样裁剪 SVG。这有点奇怪，但有时很有用，印尼电话 而且您绝对无法使用 PowerPoint 形状来做到这一点。
主题颜色| PowerPoint 形状可以与特定的主题颜色绑定，使其适应不同的主图和模板。如果您使用多个 PowerPoint 形状来形成一个图标或插图，每个形状都与不同的主题颜色绑定，那么这些形状的颜色将更改为与新的主题颜色相匹配，这对于品牌重塑非常有用。但是，SVG 通常与单一颜色绑定，因此您无法从漂亮的多色图标和插图中受益。此外，如果您将 SVG 拆分为单独的 PowerPoint 形状，那么更改颜色可能会导致各种奇怪的行为，出现您不想要的额外形状填充或线条。
如何在 PowerPoint 中创建响应式 SVG 和智能图标
但是，通过一些编码技巧，您可以创建 SVG，控制哪些部分更改填充颜色、哪些部分更改线条颜色以及哪些部分根本不会更改。您可以选择 SVG 的哪些部分与模板主题颜色相匹配。最终让人们可以创建带有品牌图标的演示文稿，他们可以控制这些图标而不会弄乱它们。
SVG 代码中的类
在开始之前，我们需要了解构成 SVG 文件的一些基本原理。下面您可以看到一个非常基本的 SVG 图形，其中包含三个圆圈，在它的左侧您可以看到在文本编辑器中打开的同一个文件。我稍微简化了代码，以便于我解释，但这些原理在任何 SVG 文件中都是相同的。
从上面的代码中，需要理解的重要概念是类。每个形状都分配有一个类 (1)，这些类在形状之前定义 (2)。在此示例中，类“紫色”表示具有此类的所有形状都将填充紫色。两个圆圈应用了“紫色”类，这两个圆圈确实被绘制为紫色圆圈。您可以在一个类中定义许多属性，但对于在 PowerPoint 中使用，可以使用类为 SVG 中的多个形状赋予相同的填充颜色、轮廓颜色或轮廓粗细。类是使所有这些工作得以实现的原因。