如何在 PowerPoint 中创建响应式 SVG 和智能图标

Discover tools, trends, and innovations in eu data.
Post Reply
samiul123
Posts: 25
Joined: Sat Dec 21, 2024 8:58 am

如何在 PowerPoint 中创建响应式 SVG 和智能图标

Post by samiul123 »

(可缩放矢量图形)是一种常用的矢量图形格式,在网络上尤为流行。由于它是基于矢量的,因此缩放时不会损失质量,这与 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 形状,那么更改颜色可能会导致各种奇怪的行为,出现您不想要的额外形状填充或线条。

Image

如何在 PowerPoint 中创建响应式 SVG 和智能图标
但是,通过一些编码技巧,您可以创建 SVG,控制哪些部分更改填充颜色、哪些部分更改线条颜色以及哪些部分根本不会更改。您可以选择 SVG 的哪些部分与模板主题颜色相匹配。最终让人们可以创建带有品牌图标的演示文稿,他们可以控制这些图标而不会弄乱它们。


SVG 代码中的类
在开始之前,我们需要了解构成 SVG 文件的一些基本原理。下面您可以看到一个非常基本的 SVG 图形,其中包含三个圆圈,在它的左侧您可以看到在文本编辑器中打开的同一个文件。我稍微简化了代码,以便于我解释,但这些原理在任何 SVG 文件中都是相同的。


从上面的代码中,需要理解的重要概念是类。每个形状都分配有一个类 (1),这些类在形状之前定义 (2)。在此示例中,类“紫色”表示具有此类的所有形状都将填充紫色。两个圆圈应用了“紫色”类,这两个圆圈确实被绘制为紫色圆圈。您可以在一个类中定义许多属性,但对于在 PowerPoint 中使用,可以使用类为 SVG 中的多个形状赋予相同的填充颜色、轮廓颜色或轮廓粗细。类是使所有这些工作得以实现的原因。
Post Reply