JavaScript에서 프레젠테이션 배경 관리

소개

단색, 그라데이션 및 이미지는 슬라이드 배경으로 일반적으로 사용됩니다. 보통 슬라이드(단일 슬라이드) 또는 마스터 슬라이드(한 번에 여러 슬라이드에 적용) 배경을 설정할 수 있습니다.

PowerPoint background

보통 슬라이드에 단색 배경 설정

Aspose.Slides를 사용하면 프레젠테이션의 특정 슬라이드에 단색을 배경으로 설정할 수 있습니다(프레젠테이션이 마스터 슬라이드를 사용하더라도). 변경 사항은 선택된 슬라이드에만 적용됩니다.

Presentation 클래스의 인스턴스를 생성합니다.
슬라이드의 BackgroundType을 OwnBackground로 설정합니다.
슬라이드 배경의 FillType을 Solid로 설정합니다.
FillFormat의 getSolidFillColor 메서드를 사용하여 단색 배경 색을 지정합니다.
수정된 프레젠테이션을 저장합니다.

다음 JavaScript 예제는 보통 슬라이드에 파란색 단색 배경을 설정하는 방법을 보여줍니다:

// Presentation 클래스의 인스턴스를 생성합니다.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // 슬라이드의 배경 색을 파란색으로 설정합니다.
    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"));
    
    // 프레젠테이션을 디스크에 저장합니다.
    presentation.save("SolidColorBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

마스터 슬라이드에 단색 배경 설정

Aspose.Slides를 사용하면 프레젠테이션의 마스터 슬라이드에 단색을 배경으로 설정할 수 있습니다. 마스터 슬라이드는 모든 슬라이드의 서식을 제어하는 템플릿 역할을 하므로, 마스터 슬라이드 배경에 단색을 선택하면 모든 슬라이드에 적용됩니다.

Presentation 클래스의 인스턴스를 생성합니다.
마스터 슬라이드의 BackgroundType(getMasters를 통해)을 OwnBackground로 설정합니다.
마스터 슬라이드 배경의 FillType을 Solid로 설정합니다.
getSolidFillColor 메서드를 사용하여 단색 배경 색을 지정합니다.
수정된 프레젠테이션을 저장합니다.

다음 JavaScript 예제는 마스터 슬라이드에 녹색 단색 배경을 설정하는 방법을 보여줍니다:

// Presentation 클래스의 인스턴스를 생성합니다.
let presentation = new aspose.slides.Presentation();
try {
    let masterSlide = presentation.getMasters().get_Item(0);

    // 마스터 슬라이드의 배경 색을 포레스트 그린으로 설정합니다.
    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"));

    // 프레젠테이션을 디스크에 저장합니다.
    presentation.save("MasterSlideBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

슬라이드에 그라데이션 배경 설정

그라데이션은 색상이 서서히 변하는 그래픽 효과입니다. 슬라이드 배경으로 사용할 경우 프레젠테이션을 보다 예술적이고 전문적으로 보이게 합니다. Aspose.Slides를 사용하면 슬라이드에 그라데이션 색을 배경으로 설정할 수 있습니다.

Presentation 클래스의 인스턴스를 생성합니다.
슬라이드의 BackgroundType을 OwnBackground로 설정합니다.
슬라이드 배경의 FillType을 Gradient로 설정합니다.
FillFormat의 getGradientFormat 메서드를 사용하여 원하는 그라데이션 설정을 구성합니다.
수정된 프레젠테이션을 저장합니다.

다음 JavaScript 예제는 슬라이드에 그라데이션 색을 배경으로 설정하는 방법을 보여줍니다:

// Presentation 클래스의 인스턴스를 생성합니다.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // 배경에 그라데이션 효과를 적용합니다.
    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);

    // 프레젠테이션을 디스크에 저장합니다.
    presentation.save("GradientBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

슬라이드를 이미지 배경으로 설정

단색 및 그라데이션 채우기 외에도 Aspose.Slides를 사용하면 이미지를 슬라이드 배경으로 사용할 수 있습니다.

Presentation 클래스의 인스턴스를 생성합니다.
슬라이드의 BackgroundType을 OwnBackground로 설정합니다.
슬라이드 배경의 FillType을 Picture로 설정합니다.
슬라이드 배경으로 사용할 이미지를 로드합니다.
이미지를 프레젠테이션의 이미지 컬렉션에 추가합니다.
FillFormat의 getPictureFillFormat 메서드를 사용하여 이미지를 배경으로 지정합니다.
수정된 프레젠테이션을 저장합니다.

다음 JavaScript 예제는 슬라이드에 이미지를 배경으로 설정하는 방법을 보여줍니다:

// Presentation 클래스의 인스턴스를 생성합니다.
let presentation = new aspose.slides.Presentation();
try {
    let slide = presentation.getSlides().get_Item(0);

    // 배경 이미지 속성을 설정합니다.
    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);

    // 이미지를 로드합니다.
    let image = aspose.slides.Images.fromFile("Tulips.jpg");
    // 이미지를 프레젠테이션의 이미지 컬렉션에 추가합니다.
    let ppImage = presentation.getImages().addImage(image);
    image.dispose();

    slide.getBackground().getFillFormat().getPictureFillFormat().getPicture().setImage(ppImage);
    
    // 프레젠테이션을 디스크에 저장합니다.
    presentation.save("ImageAsBackground.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

다음 코드 샘플은 배경 채우기 유형을 타일링된 이미지로 설정하고 타일링 속성을 수정하는 방법을 보여줍니다:

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();

    // 배경 채우기에 사용할 이미지를 설정합니다.
    let backPictureFillFormat = background.getFillFormat().getPictureFillFormat();
    backPictureFillFormat.getPicture().setImage(ppImage);

    // 그림 채우기 모드를 타일로 설정하고 타일 속성을 조정합니다.
    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();
}

Read more: 텍스처로 타일 이미지.

배경 이미지 투명도 변경

슬라이드 배경 이미지의 투명도를 조정하여 슬라이드 내용이 돋보이게 할 수 있습니다. 다음 JavaScript 코드는 슬라이드 배경 이미지의 투명도를 변경하는 방법을 보여줍니다:

var transparencyValue = 30; // 예시로.

// 그림 변환 작업 컬렉션을 가져옵니다.
var imageTransform = slide.getBackground().getFillFormat().getPictureFillFormat().getPicture().getImageTransform();

// 기존 고정 비율 투명도 효과를 찾습니다.
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;
    }
}

// 새 투명도 값을 설정합니다.
if (transparencyOperation == null) {
    imageTransform.addAlphaModulateFixedEffect(100 - transparencyValue);
} else {
    transparencyOperation.setAmount(100 - transparencyValue);
}

슬라이드 배경 값 가져오기

Aspose.Slides는 슬라이드의 실제 배경 값을 검색하기 위해 BackgroundEffectiveData 클래스를 제공합니다. 이 클래스는 실제 FillFormat 및 EffectFormat을 노출합니다.

BaseSlide 클래스의 getBackground 메서드를 사용하면 슬라이드의 실제 배경을 얻을 수 있습니다.

다음 JavaScript 예제는 슬라이드의 실제 배경 값을 가져오는 방법을 보여줍니다:

// Presentation 클래스의 인스턴스를 생성합니다.
let presentation = new aspose.slides.Presentation("Sample.pptx");
try {
    let slide = presentation.getSlides().get_Item(0);

    // 마스터, 레이아웃 및 테마를 고려하여 실제 배경을 가져옵니다.
    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

사용자 지정 배경을 재설정하고 테마/레이아웃 배경을 복원할 수 있나요?

예. 슬라이드의 사용자 지정 채우기를 제거하면 배경이 해당 레이아웃/마스터 슬라이드(즉, 테마 배경)에서 다시 상속됩니다.

프레젠테이션의 테마를 나중에 변경하면 배경은 어떻게 되나요?

슬라이드에 자체 채우기가 있으면 변경되지 않습니다. 배경이 레이아웃/마스터에서 상속된 경우 새 테마에 맞게 업데이트됩니다.

JavaScript에서 프레젠테이션 테마 관리 JavaScript에서 PowerPoint 글꼴 마스터