将矩形添加到 JavaScript 演示文稿

添加矩形到幻灯片

要向演示文稿中选定的幻灯片添加一个简单矩形,请按照以下步骤操作:

  • 创建一个 Presentation 类的实例。
  • 使用索引获取幻灯片的引用。
  • 使用 ShapeCollection 对象公开的 addAutoShape 方法,添加一个类型为 Rectangle 的 AutoShape
  • 将修改后的演示文稿写入为 PPTX 文件。

在下面的示例中,我们在演示文稿的第一张幻灯片上添加了一个简单的矩形。

// 实例化表示 PPTX 的 Presentation 类
var pres = new aspose.slides.Presentation();
try {
    // 获取第一张幻灯片
    var sld = pres.getSlides().get_Item(0);
    // 添加矩形类型的 AutoShape
    var shp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 150, 150, 50);
    // 将 PPTX 文件写入磁盘
    pres.save("RecShp1.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

添加格式化矩形到幻灯片

要向幻灯片添加格式化矩形,请按照以下步骤操作:

上述步骤在下面的示例中实现。

// 实例化表示 PPTX 的 Presentation 类
var pres = new aspose.slides.Presentation();
try {
    // 获取第一张幻灯片
    var sld = pres.getSlides().get_Item(0);
    // 添加椭圆类型的 AutoShape
    var shp = sld.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 50, 150, 150, 50);
    // 对椭圆形状应用一些格式设置
    shp.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    shp.getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GRAY"));
    // 对椭圆的线条应用一些格式设置
    shp.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    shp.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLACK"));
    shp.getLineFormat().setWidth(5);
    // 将 PPTX 文件写入磁盘
    pres.save("RecShp2.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

常见问题

如何添加带圆角的矩形?

使用圆角 shape type ,并在形状属性中调整角半径;也可以通过几何调整对每个角单独进行圆角处理。

如何使用图像(纹理)填充矩形?

选择图片 fill type,提供图像来源,并配置 stretching/tiling modes

矩形可以有阴影和发光吗?

可以。 Outer/inner shadow, glow, and soft edges 提供可调参数。

我可以将矩形变成带超链接的按钮吗?

可以。通过在形状点击时 Assign a hyperlink(跳转到幻灯片、文件、网页或电子邮件)。

如何保护矩形不被移动和更改?

使用形状锁定:可以禁止移动、调整大小、选择或编辑文本,以保持布局。

我可以将矩形转换为光栅图像或 SVG 吗?

可以。您可以将 render the shape 渲染为指定尺寸/比例的图像,或将其 export it as SVG 导出为 SVG 供矢量使用。

如何快速获取考虑主题和继承的矩形实际(有效)属性?

Use the shape’s effective properties:API 返回考虑主题样式、布局和本地设置的计算值,简化格式分析。