JavaScript에서 프레젠테이션 확대 관리

소개

PowerPoint의 확대/축소 기능을 사용하면 프레젠테이션의 특정 슬라이드, 섹션 및 부분으로 자유롭게 이동할 수 있습니다. 프레젠테이션 중에 콘텐츠를 빠르게 탐색할 수 있는 이 기능은 매우 유용할 수 있습니다.

overview_image

  • 전체 프레젠테이션을 한 슬라이드에 요약하려면 요약 확대를 사용합니다.
  • 선택한 슬라이드만 표시하려면 슬라이드 확대를 사용합니다.
  • 단일 섹션만 표시하려면 섹션 확대를 사용합니다.

슬라이드 확대

슬라이드 확대를 사용하면 발표 흐름을 방해하지 않고 원하는 순서대로 슬라이드 사이를 자유롭게 이동할 수 있어 프레젠테이션을 보다 역동적으로 만들 수 있습니다. 슬라이드 확대는 섹션이 많지 않은 짧은 프레젠테이션에 적합하지만 다양한 시나리오에서도 사용할 수 있습니다.

슬라이드 확대를 통해 하나의 캔버스에 있는 듯한 느낌으로 여러 정보를 자세히 들여다볼 수 있습니다.

overview_image

슬라이드 확대 개체와 관련하여 Aspose.Slides는 ZoomImageType 열거형, ZoomFrame 클래스 및 ShapeCollection 클래스의 일부 메서드를 제공합니다.

확대 프레임 만들기

다음과 같이 슬라이드에 확대 프레임을 추가할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 확대 프레임을 연결할 새 슬라이드를 만듭니다.
  3. 생성한 슬라이드에 식별 텍스트와 배경을 추가합니다.
  4. 첫 번째 슬라이드에 확대 프레임(생성한 슬라이드에 대한 참조 포함)을 추가합니다.
  5. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 슬라이드에 확대 프레임을 만드는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide2 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    var slide3 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // 두 번째 슬라이드에 배경을 생성합니다
    slide2.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide2.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide2.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // 두 번째 슬라이드에 텍스트 상자를 생성합니다
    var autoshape = slide2.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // 세 번째 슬라이드에 배경을 생성합니다
    slide3.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide3.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide3.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "darkGray"));
    // 세 번째 슬라이드에 텍스트 상자를 생성합니다
    autoshape = slide3.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Trird Slide");
    // ZoomFrame 개체를 추가합니다
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 250, 200, slide2);
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(200, 250, 250, 200, slide3);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

사용자 지정 이미지가 있는 확대 프레임 만들기

Node.js용 Aspose.Slides for Java를 사용하면 다음과 같이 다른 슬라이드 미리보기 이미지를 사용한 확대 프레임을 만들 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 확대 프레임을 연결할 새 슬라이드를 만듭니다.
  3. 슬라이드에 식별 텍스트와 배경을 추가합니다.
  4. 프레임을 채우는 데 사용할 Presentation 개체와 연결된 Images 컬렉션에 이미지를 추가하여 PPImage 개체를 만듭니다.
  5. 첫 번째 슬라이드에 확대 프레임(생성한 슬라이드에 대한 참조 포함)을 추가합니다.
  6. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 다른 이미지를 사용한 확대 프레임을 만드는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // 두 번째 슬라이드에 배경을 생성합니다
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // 세 번째 슬라이드에 텍스트 상자를 생성합니다
    var autoshape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // 확대 개체를 위한 새 이미지를 생성합니다
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // ZoomFrame 개체를 추가합니다
    pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 300, 200, slide, picture);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

확대 프레임 서식 지정

앞섹션에서는 간단한 확대 프레임을 만드는 방법을 보여주었습니다. 보다 복잡한 확대 프레임을 만들려면 단순 프레임의 서식을 변경해야 합니다. 확대 프레임에 적용할 수 있는 서식 옵션은 여러 가지가 있습니다.

다음과 같이 슬라이드에서 확대 프레임의 서식을 제어할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 확대 프레임을 연결할 새 슬라이드를 만듭니다.
  3. 생성한 슬라이드에 식별 텍스트와 배경을 추가합니다.
  4. 첫 번째 슬라이드에 확대 프레임(생성한 슬라이드에 대한 참조 포함)을 추가합니다.
  5. 프레임을 채우는 데 사용할 Presentation 개체와 연결된 Images 컬렉션에 이미지를 추가하여 PPImage 개체를 만듭니다.
  6. 첫 번째 확대 프레임 개체에 사용자 지정 이미지를 설정합니다.
  7. 두 번째 확대 프레임 개체의 선 서식을 변경합니다.
  8. 두 번째 확대 프레임 개체 이미지의 배경을 제거합니다.
  9. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 슬라이드에서 확대 프레임의 서식을 변경하는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide2 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    var slide3 = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    // 두 번째 슬라이드에 배경을 생성합니다
    slide2.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide2.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide2.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    // 두 번째 슬라이드에 텍스트 상자를 생성합니다
    var autoshape = slide2.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Second Slide");
    // 세 번째 슬라이드에 배경을 생성합니다
    slide3.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    slide3.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide3.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "darkGray"));
    // 세 번째 슬라이드에 텍스트 상자를 생성합니다
    autoshape = slide3.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 100, 200, 500, 200);
    autoshape.getTextFrame().setText("Trird Slide");
    // ZoomFrame 개체를 추가합니다
    var zoomFrame1 = pres.getSlides().get_Item(0).getShapes().addZoomFrame(20, 20, 250, 200, slide2);
    var zoomFrame2 = pres.getSlides().get_Item(0).getShapes().addZoomFrame(200, 250, 250, 200, slide3);
    // 확대 개체를 위한 새 이미지를 생성합니다
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // zoomFrame1 개체에 사용자 지정 이미지를 설정합니다
    zoomFrame1.setImage(picture);
    // zoomFrame2 개체에 확대 프레임 서식을 설정합니다
    zoomFrame2.getLineFormat().setWidth(5);
    zoomFrame2.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    zoomFrame2.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "pink"));
    zoomFrame2.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    // zoomFrame2 개체에 대해 배경을 표시하지 않도록 설정합니다
    zoomFrame2.setShowBackground(false);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

섹션 확대

섹션 확대는 프레젠테이션 내 섹션에 대한 링크입니다. 강조하고 싶은 섹션으로 돌아가거나 프레젠테이션의 특정 부분이 어떻게 연결되는지 강조하는 데 사용할 수 있습니다.

overview_image

섹션 확대 개체와 관련하여 Aspose.Slides는 SectionZoomFrame 클래스 및 ShapeCollection 클래스의 일부 메서드를 제공합니다.

섹션 확대 프레임 만들기

다음과 같이 슬라이드에 섹션 확대 프레임을 추가할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 새 슬라이드를 만듭니다.
  3. 생성한 슬라이드에 식별 배경을 추가합니다.
  4. 확대 프레임을 연결할 새 섹션을 만듭니다.
  5. 첫 번째 슬라이드에 섹션 확대 프레임(생성한 섹션에 대한 참조 포함)을 추가합니다.
  6. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 슬라이드에 확대 프레임을 만드는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // SectionZoomFrame 객체를 추가합니다
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1));
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

사용자 지정 이미지가 있는 섹션 확대 프레임 만들기

Node.js용 Aspose.Slides for Java를 사용하면 다음과 같이 다른 슬라이드 미리보기 이미지를 사용한 섹션 확대 프레임을 만들 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 새 슬라이드를 만듭니다.
  3. 생성한 슬라이드에 식별 배경을 추가합니다.
  4. 확대 프레임을 연결할 새 섹션을 만듭니다.
  5. 프레임을 채우는 데 사용할 Presentation 개체와 연결된 Images 컬렉션에 이미지를 추가하여 PPImage 개체를 만듭니다.
  6. 첫 번째 슬라이드에 섹션 확대 프레임(생성한 섹션에 대한 참조 포함)을 추가합니다.
  7. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 다른 이미지를 사용한 확대 프레임을 만드는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // 확대 개체를 위한 새 이미지를 생성합니다
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    // SectionZoomFrame 객체를 추가합니다
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1), picture);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

섹션 확대 프레임 서식 지정

보다 복잡한 섹션 확대 프레임을 만들려면 단순 프레임의 서식을 변경해야 합니다. 섹션 확대 프레임에 적용할 수 있는 서식 옵션은 여러 가지가 있습니다.

다음과 같이 슬라이드에서 섹션 확대 프레임의 서식을 제어할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 새 슬라이드를 만듭니다.
  3. 생성한 슬라이드에 식별 배경을 추가합니다.
  4. 확대 프레임을 연결할 새 섹션을 만듭니다.
  5. 첫 번째 슬라이드에 섹션 확대 프레임(생성한 섹션에 대한 참조 포함)을 추가합니다.
  6. 생성한 섹션 확대 개체의 크기와 위치를 변경합니다.
  7. 프레임을 채우는 데 사용할 Presentation 개체와 연결된 Images 컬렉션에 이미지를 추가하여 PPImage 개체를 만듭니다.
  8. 생성한 섹션 확대 프레임 개체에 사용자 지정 이미지를 설정합니다.
  9. 링크된 섹션에서 원본 슬라이드로 돌아가기 기능을 설정합니다.
  10. 섹션 확대 프레임 개체 이미지의 배경을 제거합니다.
  11. 두 번째 확대 프레임 개체의 선 서식을 변경합니다.
  12. 전환 지속 시간을 변경합니다.
  13. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 섹션 확대 프레임의 서식을 변경하는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "yellow"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // SectionZoomFrame 객체를 추가합니다
    var sectionZoomFrame = pres.getSlides().get_Item(0).getShapes().addSectionZoomFrame(20, 20, 300, 200, pres.getSections().get_Item(1));
    // SectionZoomFrame의 서식 지정
    sectionZoomFrame.setX(100);
    sectionZoomFrame.setY(300);
    sectionZoomFrame.setWidth(100);
    sectionZoomFrame.setHeight(75);
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(image);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    sectionZoomFrame.setImage(picture);
    sectionZoomFrame.setReturnToParent(true);
    sectionZoomFrame.setShowBackground(false);
    sectionZoomFrame.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    sectionZoomFrame.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    sectionZoomFrame.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    sectionZoomFrame.getLineFormat().setWidth(2.5);
    sectionZoomFrame.setTransitionDuration(1.5);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

요약 확대

요약 확대는 프레젠테이션의 모든 부분을 한 번에 표시하는 랜딩 페이지와 같습니다. 발표 중에 원하는 순서대로 프레젠테이션의 한 위치에서 다른 위치로 이동할 수 있습니다. 창의적으로 진행하거나 앞쪽을 건너뛰거나 슬라이드 쇼의 일부를 다시 살펴볼 수 있어 발표 흐름을 방해하지 않습니다.

overview_image

요약 확대 개체와 관련하여 Aspose.Slides는 SummaryZoomFrame, SummaryZoomSection 및 SummaryZoomSectionCollection 클래스를 제공하며, ShapeCollection 클래스의 일부 메서드도 사용할 수 있습니다.

요약 확대 만들기

다음과 같이 슬라이드에 요약 확대 프레임을 추가할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 식별 배경과 새 섹션이 포함된 새 슬라이드를 생성합니다.
  3. 첫 번째 슬라이드에 요약 확대 프레임을 추가합니다.
  4. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 슬라이드에 요약 확대 프레임을 만드는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 2", slide);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "magenta"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 3", slide);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "green"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 4", slide);
    // SummaryZoomFrame 객체를 추가합니다
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

요약 확대 섹션 추가 및 제거

요약 확대 프레임의 모든 섹션은 SummaryZoomSection 개체로 표시되며, 이는 SummaryZoomSectionCollection 객체에 저장됩니다. 다음과 같이 SummaryZoomSectionCollection 클래스를 통해 요약 확대 섹션 개체를 추가하거나 제거할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 식별 배경과 새 섹션이 포함된 새 슬라이드를 생성합니다.
  3. 첫 번째 슬라이드에 요약 확대 프레임을 추가합니다.
  4. 프레젠테이션에 새 슬라이드와 섹션을 추가합니다.
  5. 생성한 섹션을 요약 확대 프레임에 추가합니다.
  6. 요약 확대 프레임에서 첫 번째 섹션을 제거합니다.
  7. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 요약 확대 프레임에서 섹션을 추가하고 제거하는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 2", slide);
    // SummaryZoomFrame 객체를 추가합니다
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "magenta"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    var section3 = pres.getSections().addSection("Section 3", slide);
    // Summary Zoom에 섹션을 추가합니다
    summaryZoomFrame.getSummaryZoomCollection().addSummaryZoomSection(section3);
    // Summary Zoom에서 섹션을 제거합니다
    summaryZoomFrame.getSummaryZoomCollection().removeSummaryZoomSection(pres.getSections().get_Item(1));
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

요약 확대 섹션 서식 지정

보다 복잡한 요약 확대 섹션 개체를 만들려면 단순 프레임의 서식을 변경해야 합니다. 요약 확대 섹션 개체에 적용할 수 있는 서식 옵션은 여러 가지가 있습니다.

다음과 같이 요약 확대 프레임 내 섹션 개체의 서식을 제어할 수 있습니다:

  1. Presentation 클래스의 인스턴스를 생성합니다.
  2. 식별 배경과 새 섹션이 포함된 새 슬라이드를 생성합니다.
  3. 첫 번째 슬라이드에 요약 확대 프레임을 추가합니다.
  4. ISummaryZoomSectionCollection에서 첫 번째 섹션 개체를 가져옵니다.
  5. 프레임을 채우는 데 사용할 Presentation 개체와 연결된 Images 컬렉션에 이미지를 추가하여 PPImage 개체를 만듭니다.
  6. 생성한 섹션 확대 프레임 개체에 사용자 지정 이미지를 설정합니다.
  7. 링크된 섹션에서 원본 슬라이드로 돌아가기 기능을 설정합니다.
  8. 두 번째 확대 프레임 개체의 선 서식을 변경합니다.
  9. 전환 지속 시간을 변경합니다.
  10. 수정된 프레젠테이션을 PPTX 파일로 저장합니다.

다음 JavaScript 코드는 요약 확대 섹션 개체의 서식을 변경하는 방법을 보여줍니다:

var pres = new aspose.slides.Presentation();
try {
    // 프레젠테이션에 새 슬라이드를 추가합니다
    var slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "gray"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 1", slide);
    // 프레젠테이션에 새 슬라이드를 추가합니다
    slide = pres.getSlides().addEmptySlide(pres.getSlides().get_Item(0).getLayoutSlide());
    slide.getBackground().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    slide.getBackground().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "cyan"));
    slide.getBackground().setType(aspose.slides.BackgroundType.OwnBackground);
    // 프레젠테이션에 새 섹션을 추가합니다
    pres.getSections().addSection("Section 2", slide);
    // SummaryZoomFrame 객체를 추가합니다
    var summaryZoomFrame = pres.getSlides().get_Item(0).getShapes().addSummaryZoomFrame(150, 50, 300, 200);
    // 첫 번째 SummaryZoomSection 객체를 가져옵니다
    var summarySection = summaryZoomFrame.getSummaryZoomCollection().get_Item(0);
    // SummaryZoomSection 객체의 서식 지정
    var picture;
    var image = aspose.slides.Images.fromFile("image.png");
    try {
        picture = pres.getImages().addImage(picture);
    } finally {
        if (image != null) {
            image.dispose();
        }
    }
    summarySection.setImage(picture);
    summarySection.setReturnToParent(false);
    summarySection.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
    summarySection.getLineFormat().getFillFormat().getSolidFillColor().setColor(java.getStaticFieldValue("java.awt.Color", "black"));
    summarySection.getLineFormat().setDashStyle(aspose.slides.LineDashStyle.DashDot);
    summarySection.getLineFormat().setWidth(1.5);
    summarySection.setTransitionDuration(1.5);
    // 프레젠테이션을 저장합니다
    pres.save("presentation.pptx", aspose.slides.SaveFormat.Pptx);
} catch (e) {console.log(e);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

FAQ

대상 내용을 표시한 후 ‘상위’ 슬라이드로 돌아가는 것을 제어할 수 있나요?

예. Zoom frame 또는 section 에는 setReturnToParent 메서드가 있으며, 이를 활성화하면 사용자를 대상 콘텐츠를 본 후 원본 슬라이드로 되돌릴 수 있습니다.

Zoom 전환의 ‘속도’ 또는 지속 시간을 조정할 수 있나요?

예. Zoom에는 setTransitionDuration 메서드가 있어 점프 애니메이션의 길이를 제어할 수 있습니다.

프레젠테이션에 포함될 수 있는 Zoom 개체 수에 제한이 있나요?

문서화된 강제 API 제한은 없습니다. 실제 제한은 전체 프레젠테이션 복잡도와 뷰어 성능에 따라 달라집니다. 많은 Zoom 프레임을 추가할 수 있지만 파일 크기와 렌더링 시간을 고려해야 합니다.

JavaScript에서 프레젠테이션 텍스트 관리 JavaScript에서 PowerPoint 차트 만들기 및 사용자 지정