Kelola Objek Tinta Presentasi dengan JavaScript

Pendahuluan

PowerPoint menyediakan fungsi tinta untuk memungkinkan Anda menggambar gambar non-standar, yang dapat digunakan untuk menyoroti objek lain, menunjukkan koneksi dan proses, serta menarik perhatian ke item tertentu pada slide.

Aspose.Slides menyediakan semua tipe Ink (misalnya kelas Ink) yang Anda perlukan untuk membuat dan mengelola objek tinta.

Perbedaan antara Objek Biasa dan Objek Tinta

Objek pada slide PowerPoint biasanya direpresentasikan oleh objek shape. Objek shape, dalam bentuk paling sederhana, adalah sebuah kontainer yang mendefinisikan area objek itu sendiri (bingkainya) beserta propertinya. Yang terakhir mencakup ukuran area kontainer, bentuk kontainer, latar belakang kontainer, dll. Untuk informasi, lihat Shape Layout Format.

Namun, ketika PowerPoint menangani objek tinta, ia mengabaikan semua properti dari bingkai objek (kontainer) kecuali ukurannya. Ukuran area kontainer ditentukan oleh nilai standar width dan height:

ink_powerpoint1

Jejak Inkshape

Jejak adalah elemen dasar atau standar yang digunakan untuk merekam lintasan pena saat pengguna menulis tinta digital. Jejak adalah rekaman yang menggambarkan urutan titik-titik yang terhubung.

Bentuk enkoding paling sederhana menentukan koordinat X dan Y setiap titik sampel. Ketika semua titik yang terhubung dirender, mereka menghasilkan gambar seperti ini:

ink_powerpoint2

Properti Kuas untuk Menggambar

Anda dapat menggunakan kuas untuk menggambar garis yang menghubungkan titik-titik elemen jejak. Kuas memiliki warna dan ukuran sendiri, yang sesuai dengan metode Brush.setColor dan Brush.setSize.

Set Warna Kuas Tinta

Kode JavaScript berikut menunjukkan cara mengatur warna untuk kuas:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var ink = pres.getSlides().get_Item(0).getShapes().get_Item(0);
    var traces = ink.getTraces();
    var brush = traces[0].getBrush();
    var brushColor = brush.getColor();
    brush.setColor(java.getStaticFieldValue("java.awt.Color", "RED"));
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Set Ukuran Kuas Tinta

Kode JavaScript berikut menunjukkan cara mengatur ukuran untuk kuas:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var ink = pres.getSlides().get_Item(0).getShapes().get_Item(0);
    var traces = ink.getTraces();
    var brush = traces[0].getBrush();
    var brushSize = brush.getSize();
    brush.setSize(java.newInstanceSync("java.awt.Dimension", 5, 10));
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

Umumnya, lebar dan tinggi kuas tidak cocok, sehingga PowerPoint tidak menampilkan ukuran kuas (bagian data berwarna abu-abu). Namun ketika lebar dan tinggi kuas cocok, PowerPoint menampilkan ukurannya seperti ini:

ink_powerpoint3

Untuk kejelasan, mari tingkatkan tinggi objek tinta dan tinjau dimensi penting:

ink_powerpoint4

Kontainer (bingkai) tidak mempertimbangkan ukuran kuas–ia selalu mengasumsikan ketebalan garis nol (lihat gambar terakhir).

Oleh karena itu, untuk menentukan area yang terlihat dari seluruh objek tinta, kita harus mempertimbangkan ukuran kuas dari objek jejak. Di sini, objek target (objek jejak teks tulisan tangan) telah diskalakan ke ukuran kontainer (bingkai). Ketika ukuran kontainer (bingkai) berubah, ukuran kuas tetap konstan dan sebaliknya.

ink_powerpoint5

PowerPoint menunjukkan perilaku yang sama ketika menangani teks:

ink_powerpoint6

Bacaan lanjutan