Mengelola Latar Belakang Presentasi dalam JavaScript

Pendahuluan

Warna solid, gradien, dan gambar biasanya digunakan untuk latar belakang slide. Anda dapat mengatur latar belakang untuk slide normal (satu slide) atau slide master (berlaku untuk beberapa slide sekaligus).

PowerPoint background

Mengatur Latar Belakang Warna Solid untuk Slide Normal

Aspose.Slides memungkinkan Anda mengatur warna solid sebagai latar belakang untuk slide tertentu dalam presentasi—bahkan jika presentasi menggunakan slide master. Perubahan hanya berlaku pada slide yang dipilih.

Buat instance dari kelas Presentation .
Atur BackgroundType slide ke OwnBackground.
Atur FillType latar belakang slide ke Solid.
Gunakan metode getSolidFillColor pada FillFormat untuk menentukan warna latar belakang solid.
Simpan presentasi yang telah dimodifikasi.

Contoh JavaScript berikut menunjukkan cara mengatur warna solid biru sebagai latar belakang slide normal:

// Buat instance dari kelas Presentation.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // Atur warna latar belakang slide menjadi biru.
    slide.getBackground().setType(java.newByte(aspose.slides.BackgroundType.OwnBackground));
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "BLUE"));
    
    // Simpan presentasi ke disk.
    presentation.save("SolidColorBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Mengatur Latar Belakang Warna Solid untuk Slide Master

Aspose.Slides memungkinkan Anda mengatur warna solid sebagai latar belakang untuk slide master dalam presentasi. Slide master berfungsi sebagai templat yang mengontrol pemformatan untuk semua slide, sehingga ketika Anda memilih warna solid untuk latar belakang slide master, warna tersebut diterapkan pada setiap slide.

Buat instance dari kelas Presentation .
Atur BackgroundType slide master (via getMasters) ke OwnBackground.
Atur FillType latar belakang slide master ke Solid.
Gunakan metode getSolidFillColor untuk menentukan warna latar belakang solid.
Simpan presentasi yang telah dimodifikasi.

Contoh JavaScript berikut menunjukkan cara mengatur warna solid hijau sebagai latar belakang slide master:

// Buat instance dari kelas Presentation.
let presentation = new aspose.slides.Presentation();
try {
    let masterSlide = presentation.getMasters().get_Item(0);

    // Atur warna latar belakang slide Master menjadi Hijau Hutan.
    masterSlide.getBackground().setType(java.newByte(aspose.slides.BackgroundType.OwnBackground));
    masterSlide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    masterSlide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "GREEN"));

    // Simpan presentasi ke disk.
    presentation.save("MasterSlideBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Mengatur Latar Belakang Gradien untuk Slide

Gradien adalah efek grafis yang dibuat oleh perubahan warna secara bertahap. Ketika digunakan sebagai latar belakang slide, gradien dapat membuat presentasi tampak lebih artistik dan profesional. Aspose.Slides memungkinkan Anda mengatur warna gradien sebagai latar belakang untuk slide.

Buat instance dari kelas Presentation .
Atur BackgroundType slide ke OwnBackground.
Atur FillType latar belakang slide ke Gradient.
Gunakan metode getGradientFormat pada FillFormat untuk mengonfigurasi pengaturan gradien yang diinginkan.
Simpan presentasi yang telah dimodifikasi.

Contoh JavaScript berikut menunjukkan cara mengatur warna gradien sebagai latar belakang slide:

// Buat instance dari kelas Presentation.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // Terapkan efek gradien pada latar belakang.
    slide.getBackground().setType(java.newByte(aspose.slides.BackgroundType.OwnBackground));
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Gradient));
    slide.getBackground().getFillFormat().getGradientFormat().setTileFlip(aspose.slides.TileFlip.FlipBoth);

    // Simpan presentasi ke disk.
    presentation.save("GradientBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Mengatur Gambar sebagai Latar Belakang Slide

Selain isian solid dan gradien, Aspose.Slides memungkinkan Anda menggunakan gambar sebagai latar belakang slide.

Buat instance dari kelas Presentation .
Atur BackgroundType slide ke OwnBackground.
Atur FillType latar belakang slide ke Picture.
Muat gambar yang ingin Anda gunakan sebagai latar belakang slide.
Tambahkan gambar ke koleksi gambar presentasi.
Gunakan metode getPictureFillFormat pada FillFormat untuk menetapkan gambar sebagai latar belakang.
Simpan presentasi yang telah dimodifikasi.

Contoh JavaScript berikut menunjukkan cara mengatur gambar sebagai latar belakang slide:

// Buat instance dari kelas Presentation.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // Atur properti gambar latar belakang.
    slide.getBackground().setType(java.newByte(aspose.slides.BackgroundType.OwnBackground));
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Picture));
    slide.getBackground().getFillFormat().getPictureFillFormat().setPictureFillMode(aspose.slides.PictureFillMode.Stretch);

    // Muat gambar.
    let image = aspose.slides.Images.fromFile("Tulips.jpg");
    // Tambahkan gambar ke koleksi gambar presentasi.
    let ppImage = presentation.getImages().addImage(image);
    image.dispose();

    slide.getBackground().getFillFormat().getPictureFillFormat().getPicture().setImage(ppImage);
    
    // Simpan presentasi ke disk.
    presentation.save("ImageAsBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Contoh kode berikut menunjukkan cara mengatur jenis isian latar belakang menjadi gambar ubin dan mengubah properti ubin:

let presentation = new aspose.slides.Presentation();
try {
    let firstSlide = presentation.getSlides().get_Item(0);

    let background = firstSlide.getBackground();

    background.setType(java.newByte(aspose.slides.BackgroundType.OwnBackground));
    background.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Picture));

    let newImage = aspose.slides.Images.fromFile("image.png");
    let ppImage = presentation.getImages().addImage(newImage);
    newImage.dispose();

    // Atur gambar yang digunakan untuk isian latar belakang.
    let backPictureFillFormat = background.getFillFormat().getPictureFillFormat();
    backPictureFillFormat.getPicture().setImage(ppImage);

    // Atur mode isian gambar menjadi Ubin dan sesuaikan properti ubin.
    backPictureFillFormat.setPictureFillMode(aspose.slides.PictureFillMode.Tile);
    backPictureFillFormat.setTileOffsetX(15.0);
    backPictureFillFormat.setTileOffsetY(15.0);
    backPictureFillFormat.setTileScaleX(46.0);
    backPictureFillFormat.setTileScaleY(87.0);
    backPictureFillFormat.setTileAlignment(java.newByte(aspose.slides.RectangleAlignment.Center));
    backPictureFillFormat.setTileFlip(aspose.slides.TileFlip.FlipY);

    presentation.save("TileBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Baca selengkapnya: Ubin Gambar Sebagai Tekstur.

Ubah Transparansi Gambar Latar Belakang

Anda mungkin ingin menyesuaikan transparansi gambar latar belakang slide agar isi slide lebih menonjol. Kode JavaScript berikut menunjukkan cara mengubah transparansi untuk gambar latar belakang slide:

var transparencyValue = 30; // Sebagai contoh.

// Get the collection of picture transform operations.
var imageTransform = slide.getBackground().getFillFormat().getPictureFillFormat().getPicture().getImageTransform();

// Find an existing fixed-percentage transparency effect.
var transparencyOperation = null;
for (let i = 0; i < imageTransform.size(); i++) {
    let operation = imageTransform.get_Item(i);
    if (java.instanceOf(operation, "com.aspose.slides.AlphaModulateFixed")) {
        transparencyOperation = operation;
        break;
    }
}

// Set the new transparency value.
if (transparencyOperation == null) {
    imageTransform.addAlphaModulateFixedEffect(100 - transparencyValue);
} else {
    transparencyOperation.setAmount(100 - transparencyValue);
}

Dapatkan Nilai Latar Belakang Slide

Aspose.Slides menyediakan kelas BackgroundEffectiveData untuk mengambil nilai latar belakang efektif slide. Kelas ini mengekspos FillFormat dan EffectFormat yang efektif.

Dengan menggunakan metode getBackground pada kelas BaseSlide, Anda dapat memperoleh latar belakang efektif untuk sebuah slide.

Contoh JavaScript berikut menunjukkan cara mendapatkan nilai latar belakang efektif slide:

// Buat instance dari kelas Presentation.
let presentation = new aspose.slides.Presentation("Sample.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);

    // Ambil latar belakang efektif, memperhitungkan master, layout, dan tema.
    let effBackground = slide.getBackground().getEffective();

    if (effBackground.getFillFormat().getFillType() == aspose.slides.FillType.Solid)
        console.log("Fill color:", effBackground.getFillFormat().getSolidFillColor().toString());
    else
        console.log("Fill type:", effBackground.getFillFormat().getFillType());
} finally {
    presentation.dispose();
}

FAQ

Apakah saya dapat mengatur ulang latar belakang khusus dan mengembalikan latar belakang tema/layout?

Ya. Hapus isian khusus slide, dan latar belakang akan kembali diwarisi dari slide layout/master yang bersangkutan (yaitu latar belakang tema).

Apa yang terjadi pada latar belakang jika saya mengubah tema presentasi nanti?

Jika sebuah slide memiliki isian sendiri, isian tersebut tidak akan berubah. Jika latar belakang diwarisi dari layout/master, maka akan diperbarui agar sesuai dengan tema baru.

Kelola Tema Presentasi dalam JavaScript Menguasai Font PowerPoint dalam JavaScript