إضافة علامات مائية إلى العروض التقديمية في JavaScript

حول العلامة المائية

العلامة المائية في العرض التقديمي هي ختم نصي أو صورة يُستخدم على شريحة واحدة أو عبر جميع شرائح العرض. عادةً ما تُستعمل العلامة المائية للإشارة إلى أن العرض مسودة (مثل علامة “مسودة”)، أو أنه يحتوي على معلومات سرية (مثل علامة “سري”)، لتحديد الشركة المالكة (مثل علامة “اسم الشركة”)، لتحديد مؤلف العرض، وما إلى ذلك. تساعد العلامة المائية على منع انتهاك حقوق النشر من خلال الإشارة إلى أن العرض لا يجب نسخه. تُستخدم العلامات المائية في صيغتي PowerPoint وOpenOffice. في Aspose.Slides، يمكنك إضافة علامة مائية إلى صيغ ملفات PowerPoint PPT وPPTX وOpenOffice ODP.

في Aspose.Slides، توجد طرق مختلفة لإنشاء علامات مائية في مستندات PowerPoint أو OpenOffice وتعديل تصميمها وسلوكها. الجانب المشترك هو أنه لإضافة علامات مائية نصية، يجب استخدام نوع TextFrame، ولإضافة علامات مائية صورة، استخدم فئة PictureFrame أو ملء شكل العلامة المائية بصورة. PictureFrame يطبق نوع Shape، مما يتيح لك استخدام جميع الإعدادات المرنة لكائن الشكل. بما أن TextFrame ليس شكلاً وإعداداته محدودة، فهو يُلف داخل كائن Shape.

هناك طريقتان لتطبيق العلامة المائية: على شريحة واحدة أو على جميع شرائح العرض. يُستخدم Slide Master لتطبيق العلامة المائية على جميع الشرائح — تُضاف العلامة إلى الـ Slide Master، يتم تصميمها بالكامل هناك، وتُطبّق على جميع الشرائح دون أن تؤثر على إذن تعديل العلامة على الشرائح الفردية.

عادةً ما تُعتبر العلامة المائية غير قابلة للتحرير من قبل المستخدمين الآخرين. لمنع تحرير العلامة المائية (أو الشكل الأب للعلامة المائية)، توفر Aspose.Slides وظيفة قفل الشكل. يمكن قفل شكل معين على شريحة عادية أو على Slide Master. عندما يُقفل شكل العلامة المائية على الـ Slide Master، يُقفل على جميع شرائح العرض.

يمكنك تعيين اسم للعلامة المائية بحيث يمكنك في المستقبل، إذا رغبت بحذفها، العثور عليها بين أشكال الشريحة بالاسم.

يمكنك تصميم العلامة المائية بأي طريقة؛ مع ذلك، هناك ميزات شائعة في العلامات المائية مثل المحاذاة المركزية، الدوران، الموضع الأمامي، إلخ. سنستعرض كيفية استخدامها في الأمثلة أدناه.

علامة مائية نصية

إضافة علامة مائية نصية إلى الشريحة

لإضافة علامة مائية نصية في PPT أو PPTX أو ODP، يمكنك أولاً إضافة شكل إلى الشريحة، ثم إضافة إطار نص إلى هذا الشكل. يُمثَّل إطار النص بنوع TextFrame. هذا النوع غير وراث من Shape، الذي يحتوي على مجموعة واسعة من الخصائص لتحديد موضع العلامة المائية بطريقة مرنة. لذلك، يُلف كائن TextFrame داخل كائن AutoShape. لإضافة نص العلامة المائية إلى الشكل، استخدم طريقة addTextFrame مع تمرير نص العلامة المائية إليها:

const watermarkText = "CONFIDENTIAL";

let presentation = new aspose.slides.Presentation();
let slide = presentation.getSlides().get_Item(0);

let watermarkShape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 100, 400, 40);
let watermarkFrame = watermarkShape.addTextFrame(watermarkText);

presentation.dispose();

انظر أيضًا

كيفية استخدام TextFrame.

إضافة علامة مائية نصية إلى العرض

إذا رغبت في إضافة علامة مائية نصية إلى العرض بالكامل (أي جميع الشرائح مرة واحدة)، أضفها إلى MasterSlide. باقي المنطق هو نفسه كما عند إضافة علامة مائية إلى شريحة واحدة — أنشئ كائن AutoShape ثم أضف العلامة المائية إليه باستخدام طريقة addTextFrame:

const watermarkText = "CONFIDENTIAL";

let presentation = new aspose.slides.Presentation();
let masterSlide = presentation.getMasters().get_Item(0);

let watermarkShape = masterSlide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 100, 400, 40);
let watermarkFrame = watermarkShape.addTextFrame(watermarkText);

presentation.dispose();

انظر أيضًا

كيفية الاستخدام Slide Master

تعيين شفافية شكل العلامة المائية

افتراضيًا، يكون شكل المستطيل مُصممًا بألوان التعبئة والحد. الأسطر التالية من الشيفرة تجعل الشكل شفافًا.

watermarkShape.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
watermarkShape.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));

تعيين الخط للعلامة المائية النصية

يمكنك تغيير خط العلامة المائية النصية كما هو موضح أدناه.

let textFormat = watermarkFrame.getParagraphs().get_Item(0).getParagraphFormat().getDefaultPortionFormat();
textFormat.setLatinFont(new aspose.slides.FontData("Arial"));
textFormat.setFontHeight(50);

تعيين لون نص العلامة المائية

لتعيين لون نص العلامة المائية، استخدم الشيفرة التالية:

let alpha = 150;
let red = 200;
let green = 200;
let blue = 200;

let fillFormat = watermarkFrame.getParagraphs().get_Item(0).getParagraphFormat().getDefaultPortionFormat().getFillFormat();
fillFormat.setFillType(java.newByte(aspose.slides.FillType.Solid));
fillFormat.getSolidFillColor().setColor(java.newInstanceSync("java.awt.Color", red, green, blue, alpha));

محاذاة العلامة المائية نصيًا إلى الوسط

يمكنك مركزية العلامة المائية على الشريحة كما يلي:

const watermarkWidth = 400;
const watermarkHeight = 40;
const watermarkX = (slideSize.getWidth() - watermarkWidth) / 2;
const watermarkY = (slideSize.getHeight() - watermarkHeight) / 2;

let watermarkShape = masterSlide.getShapes().addAutoShape(
        aspose.slides.ShapeType.Rectangle, watermarkX, watermarkY, watermarkWidth, watermarkHeight);
        
let watermarkFrame = watermarkShape.addTextFrame(watermarkText);

الصورة أدناه تُظهر النتيجة النهائية.

The text watermark

علامة مائية صورة

إضافة علامة مائية صورة إلى العرض

لإضافة علامة مائية صورة إلى جميع شرائح العرض، يمكنك القيام بما يلي:

let watermarkImage = aspose.slides.Images.fromFile("watermark.png");
let image = presentation.getImages().addImage(watermarkImage);

// ...

watermarkShape.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Picture));
watermarkShape.getFillFormat().getPictureFillFormat().getPicture().setImage(image);
watermarkShape.getFillFormat().getPictureFillFormat().setPictureFillMode(aspose.slides.PictureFillMode.Stretch);

قفل العلامة المائية من التحرير

إذا كان من الضروري منع تحرير العلامة المائية، استخدم طريقة AutoShape.getShapeLock على الشكل. بهذه الخاصية، يمكنك حماية الشكل من الاختيار، وإعادة الحجم، وإعادة التموضع، وتجميعه مع عناصر أخرى، وقفل النص من التحرير، وأكثر من ذلك:

// قفل شكل العلامة المائية من التعديل
watermarkShape.getShapeLock().setSelectLocked(true);
watermarkShape.getShapeLock().setSizeLocked(true);
watermarkShape.getShapeLock().setTextLocked(true);
watermarkShape.getShapeLock().setPositionLocked(true);
watermarkShape.getShapeLock().setGroupingLocked(true);

إحضار العلامة المائية إلى الأمام

في Aspose.Slides، يمكن ضبط ترتيب الأشكال (Z-order) عبر طريقة SlideCollection.reorder. للقيام بذلك، استدعِ هذه الطريقة من قائمة شرائح العرض ومرّر مرجع الشكل ورقم ترتيبه إلى الطريقة. بهذه الطريقة، يمكن إحضار شكل إلى الأمام أو إرساله إلى الخلف. هذه الميزة مفيدة خاصة إذا كنت تحتاج وضع العلامة المائية أمام محتوى العرض:

let shapeCount = slide.getShapes().size();
slide.getShapes().reorder(shapeCount - 1, watermarkShape);

تعيين دوران العلامة المائية

إليك مثال شيفرة لضبط دوران العلامة المائية بحيث تكون مائلة عبر الشريحة:

const diagonalAngle = Math.atan(slideSize.getHeight() / slideSize.getWidth()) * 180 / Math.PI;

watermarkShape.setRotation(diagonalAngle);

تعيين اسم للعلامة المائية

تتيح Aspose.Slides لك تعيين اسم للشكل. باستخدام اسم الشكل، يمكنك الوصول إليه في المستقبل لتعديله أو حذفه. لتعيين اسم شكل العلامة المائية، استخدم طريقة AutoShape.getName:

watermarkShape.setName("watermark");

إزالة العلامة المائية

لإزالة شكل العلامة المائية، استخدم طريقة AutoShape.getName للعثور عليه في أشكال الشريحة. ثم مرّر الشكل إلى طريقة ShapeCollection.remove:

for (var i = 0; i < slide.getShapes().size(); i++) {
    var shape = slide.getShapes().get_Item(i);
    if ("watermark" == shape.getName()) {
        slide.getShapes().remove(watermarkShape);
    }
}

الأسئلة الشائعة

ما هي العلامة المائية ولماذا يجب علي استخدامها؟

العلامة المائية هي تراكب نصي أو صوري يُطبق على الشرائح يساعد في حماية الملكية الفكرية، تعزيز التعرف على العلامة التجارية، أو منع الاستخدام غير المصرح به للعروض التقديمية.

هل يمكنني إضافة علامة مائية إلى جميع الشرائح في العرض؟

نعم، تتيح Aspose.Slides إضافة علامة مائية إلى كل شريحة في العرض. يمكنك تكرار العملية عبر جميع الشرائح وتطبيق إعدادات العلامة المائية لكل شريحة على حدة.

كيف يمكنني ضبط شفافية العلامة المائية؟

يمكنك ضبط شفافية العلامة المائية عن طريق تعديل إعدادات التعبئة للشكل. يضمن ذلك أن تكون العلامة خفيفة ولا تشوش على محتوى الشريحة.

ما صيغ الصور المدعومة للعلامات المائية؟

تدعم Aspose.Slides صيغ صور متعددة مثل PNG وJPEG وGIF وBMP وSVG وغير ذلك.

هل يمكنني تخصيص الخط والأسلوب للعلامة المائية النصية؟

نعم، يمكنك اختيار أي خط، حجم، وأسلوب ليتناسب مع تصميم العرض ويحافظ على اتساق العلامة التجارية.

كيف أغيّر موضع أو اتجاه العلامة المائية؟

يمكنك تعديل موضع واتجاه العلامة المائية عن طريق تغيير إحداثيات الشكل، حجمه، وخصائص الدوران.

عارض العروض التقديمية