通过powerpoint web插件更改svg图标的颜色

Question

我正在使用 Office.js 开发 PowerPoint Web 加载项，但在更改插入幻灯片的图标的颜色时遇到困难。该图标是 SVG 格式，但我无法访问 SVG 图标对象所需的属性来修改其颜色。

任何帮助或相关帖子都会有帮助。

我们尝试使用下面的代码来更改 SVG 格式的图标的颜色。但是 SVG 是以图像形式出现的，因此，我无法更改 SVG 图标的颜色。

async function setFillColor(color) {
  await PowerPoint.run(async (context) => {
    const selectedShapes = context.presentation.getSelectedShapes();
    selectedShapes.load("items");
    await context.sync();

    await selectedShapes.items.forEach(async (shape) => {
      if (color != "") {
        shape.fill.setSolidColor(color);
      } else {
        shape.fill.clear();
      }
    });
  });
}

Answer 1

要使用 Office.js 更改 PowerPoint 中 SVG 图标的颜色，请确保将其插入为 内联形状 而不是图像。作为内联形状插入后，您可以修改 SVG 中的颜色等属性。