Добавление прямоугольников в презентации на JavaScript

Как и в предыдущих темах, эта тоже посвящена добавлению фигуры, и на этот раз мы будем обсуждать Rectangle. В этой теме мы описали, как разработчики могут добавлять простые или форматированные прямоугольники в свои слайды, используя Aspose.Slides for Node.js через Java.

Добавить прямоугольник на слайд

Чтобы добавить простой прямоугольник на выбранный слайд презентации, выполните следующие шаги:

• Создайте экземпляр класса Presentation.
• Получите ссылку на слайд, используя его Index.
• Добавьте AutoShape типа Rectangle, используя метод addAutoShape , предоставляемый объектом ShapeCollection.
• Запишите изменённую презентацию в файл PPTX.

В приведённом ниже примере мы добавили простой прямоугольник на первый слайд презентации.

// Создать экземпляр класса Presentation, представляющего PPTX
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();
    }
}

Добавить форматированный прямоугольник на слайд

Чтобы добавить форматированный прямоугольник на слайд, выполните следующие шаги:

• Создайте экземпляр класса Presentation.
• Получите ссылку на слайд, используя его Index.
• Добавьте AutoShape типа Rectangle, используя метод addAutoShape , предоставляемый объектом ShapeCollection.
• Установите Fill Type прямоугольника в Solid.
• Установите цвет прямоугольника, используя метод SolidFillColor.setColor , предоставляемый объектом FillFormat, связанным с объектом Shape.
• Установите цвет линий прямоугольника.
• Установите толщину линий прямоугольника.
• Запишите изменённую презентацию в файл PPTX.

Вышеуказанные шаги реализованы в приведённом ниже примере.

// Создать экземпляр класса Presentation, представляющего PPTX
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();
    }
}

FAQ

Как добавить прямоугольник со скруглёнными углами?

Используйте тип фигуры с закруглёнными углами shape type и отрегулируйте радиус угла в свойствах фигуры; скругление также можно применить к каждому углу отдельно с помощью геометрических корректировок.

Как заполнить прямоугольник изображением (текстурой)?

Выберите тип заливки картинкой fill type, укажите источник изображения и настройте режимы stretching/tiling modes.

Может ли прямоугольник иметь тень и свечение?

Да. Доступны внешняя/внутренняя тень, свечение и мягкие края с настраиваемыми параметрами.

Можно ли превратить прямоугольник в кнопку со ссылкой?

Да. Назначьте гиперссылку на клик по фигуре (переход к слайду, файлу, веб-адресу или e‑mail).

Как защитить прямоугольник от перемещения и изменений?

Используйте блокировки фигуры: можно запретить перемещение, изменение размера, выделение или редактирование текста, чтобы сохранить макет.

Можно ли преобразовать прямоугольник в растровое изображение или SVG?

Да. Вы можете отрисовать фигуру в изображение с заданным размером/масштабом или экспортировать её как SVG для векторного использования.

Как быстро получить фактические (эффективные) свойства прямоугольника с учётом темы и наследования?

Используйте эффективные свойства фигуры: API возвращает вычисленные значения, учитывающие стили темы, макет и локальные настройки, упрощая анализ форматирования.