JavaScript에서 PowerPoint 프레젠테이션에 수학 방정식 추가

이 페이지의 내용

Aspose.Slides for Node.js via Java를 사용하여 PowerPoint PPT 및 PPTX에 수학 방정식을 삽입하고 편집합니다. OMML 지원, 서식 제어 및 명확한 JavaScript 코드 샘플을 제공합니다.

개요

PowerPoint은 방정식을 Office Math Markup Language(OMML)로 저장합니다. Aspose.Slides for Node.js via Java를 사용하면 동일한 유형의 수학 콘텐츠를 프로그래밍 방식으로 만들 수 있습니다: 분수, 근호, 함수, 극한, N-ary 연산자, 행렬, 배열 및 포맷된 수학 블록.

PowerPoint에서 사용자는 일반적으로 삽입 > 방정식을 통해 방정식을 추가합니다:

$방정식 명령이 선택된 PowerPoint 삽입 탭$

그 결과 슬라이드에 편집 가능한 수학 텍스트가 나타납니다:

$편집 가능한 수학 방정식이 포함된 PowerPoint 슬라이드$

Aspose.Slides는 세 가지 주요 객체를 통해 해당 수학 텍스트를 구성합니다:

수학 도형은 addMathShape으로 생성되며, 방정식을 포함하는 도형입니다.
MathPortion은 도형 텍스트 프레임 내부에 수학 콘텐츠를 저장합니다.
MathParagraph은 하나 이상의 MathBlock 객체를 포함합니다.

아래 대부분의 예제는 코드를 간결하고 읽기 쉽게 유지하기 위해 MathematicalText와 MathElementBase의 유창한 메서드를 사용합니다.

MathML 내보내기 시나리오에 대해서는 Export Math Equations from Presentations in Node.js via Java를 참조하십시오.

방정식 만들기

이 예제는 수학 도형을 생성하고 피타고라스 정리를 추가합니다:

$c² = a² + b² 방정식$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 120);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let equation = new aspose.slides.MathematicalText("c")
            .setSuperscript("2")
            .join("=")
            .join(new aspose.slides.MathematicalText("a").setSuperscript("2"))
            .join("+")
            .join(new aspose.slides.MathematicalText("b").setSuperscript("2"));

    mathParagraph.add(equation);

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

addMathShape는 이미 수학 단락을 포함하는 도형을 생성합니다. 첫 번째 MathPortion에 접근하고, 해당 MathParagraph를 가져와 수학 블록이나 수학 요소를 추가합니다.

분수 추가

[divide](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용하여 분수를 만들 수 있습니다. MathFractionTypes를 통해 분수 스타일을 선택할 수 있습니다.

$1을 x로 나눈 비스듬한 수학 분수$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let fraction = new aspose.slides.MathematicalText("1")
            .divide("x", aspose.slides.MathFractionTypes.Skewed);

    mathParagraph.add(new aspose.slides.MathBlock(fraction));

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

쌓인 분수를 만들려면 MathFractionTypes.Bar를 사용합니다:

let stackedFraction = new aspose.slides.MathematicalText("x + 1").divide("y - 1", aspose.slides.MathFractionTypes.Bar);

근호 추가

[radical](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용하여 제곱근, 세제곱근 또는 기타 근을 만들 수 있습니다. 현재 요소가 밑이 되고, 인수가 차수가 됩니다.

$근호 기호 아래에 x가 있는 n제곱근 표현$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let radical = new aspose.slides.MathematicalText("x")
            .radical("n");

    mathParagraph.add(new aspose.slides.MathBlock(radical));

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

함수 및 극한 추가

[asArgumentOfFunction](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/) 또는 [function](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용하여 sin(x), log(x)와 같은 함수나 사용자 정의 함수 이름을 지정합니다. 극한의 경우 lim을 MathLimit에 넣거나 [setLowerLimit](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다.

$x가 무한대로 접근할 때의 극한$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let limit = new aspose.slides.MathematicalText("lim")
            .setLowerLimit("x\u2192\u221E")
            .function("x");

    mathParagraph.add(new aspose.slides.MathBlock(limit));

    presentation.save("functions-and-limits.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

사용자 정의 함수 이름의 경우, 함수 이름을 현재 요소로 만듭니다:

let customFunction = new aspose.slides.MathematicalText("f").function("x + 1");

N-ary 연산자 및 적분 추가

[nary](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용하여 합계, 합집합, 교집합 및 기타 큰 연산자를 만들 수 있습니다. [integral](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용하여 적분을 만들 수 있습니다. 두 메서드 모두 하한 및 상한을 설정할 수 있습니다.

$하한 및 상한이 있는 합계$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 120);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let summationBase = new aspose.slides.MathematicalText("x")
            .setSuperscript("k")
            .join(new aspose.slides.MathematicalText("a").setSuperscript("n-k"));

    let summation = summationBase.nary(aspose.slides.MathNaryOperatorTypes.Summation, "k=0", "n");

    mathParagraph.add(new aspose.slides.MathBlock(summation));

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

N-ary 연산자는 선택적 제한이 있는 큰 연산자를 위해 사용됩니다. +, -, =와 같은 간단한 연산자는 보통 MathematicalText로 추가되고 식에 결합됩니다.

적분의 경우 integral을 사용합니다:

let integralBase = new aspose.slides.MathematicalText("x").join(new aspose.slides.MathematicalText("dx").toBox());
let integral = integralBase.integral(aspose.slides.MathIntegralTypes.Simple, "0", "1");

행렬 추가

행과 열을 위해 MathMatrix를 사용합니다. 행렬은 기본적으로 괄호를 포함하지 않으므로, 괄호, 대괄호 또는 중괄호가 필요할 때 행렬을 감싸야 합니다.

$한 개의 빈 셀을 가진 두 행 수학 행렬$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 120);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let matrix = new aspose.slides.MathMatrix(2, 3);
    matrix.set_Item(0, 0, new aspose.slides.MathematicalText("1"));
    matrix.set_Item(0, 1, new aspose.slides.MathematicalText("x"));
    matrix.set_Item(1, 0, new aspose.slides.MathematicalText("x"));
    matrix.set_Item(1, 1, new aspose.slides.MathematicalText("2"));
    matrix.set_Item(1, 2, new aspose.slides.MathematicalText("y"));

    mathParagraph.add(new aspose.slides.MathBlock(matrix));

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

방정식 배열 추가

정렬된 방정식이나 수식의 수직 스택이 필요할 때 [toMathArray](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다.

$x 위에 y가 있는 수직 수학 배열$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 140);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let equationArray = new aspose.slides.MathematicalText("x")
            .join("y")
            .toMathArray();

    mathParagraph.add(new aspose.slides.MathBlock(equationArray));

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

삼각 함수 추가

인수가 현재 요소이고 함수 이름이 알려진 경우 [asArgumentOfFunction](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다.

$2x에 적용된 삼각 함수 cos$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let cosine = new aspose.slides.MathematicalText("2x")
            .asArgumentOfFunction(aspose.slides.MathFunctionsOfOneArgument.Cos);

    mathParagraph.add(new aspose.slides.MathBlock(cosine));

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

아래첨자 및 위첨자 추가

인덱스와 지수에 대해 아래첨자와 위첨자 도우미를 사용합니다. 인덱스를 기반 요소의 왼쪽에 표시해야 할 경우 [setSubSuperscriptOnTheLeft](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다.

$왼쪽에 아래첨자 1과 위첨자 n이 있는 대문자 Y$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let scripts = new aspose.slides.MathematicalText("Y")
            .setSubSuperscriptOnTheLeft("1", "n");

    mathParagraph.add(new aspose.slides.MathBlock(scripts));

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

구분 기호 추가

표현식을 구분 기호 안에 넣으려면 [enclose](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다. 여러 요소를 포함하는 구분 기호 표현식의 경우 구분 문자도 설정할 수 있습니다.

$x, y, z가 수직 막대로 구분된 구분 기호 표현식$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let delimiter = new aspose.slides.MathematicalText("x")
            .join("y")
            .join("z")
            .enclose(java.newChar('<'), java.newChar('>'));
    delimiter.setSeparatorCharacter(java.newChar('|'));

    mathParagraph.add(new aspose.slides.MathBlock(delimiter));

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

테두리 상자 추가

방정식 자체에 테두리를 둘 경우 [toBorderBox](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)를 사용합니다.

$a² = b² + c²를 보여주는 상자 안의 방정식$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let boxedEquation = new aspose.slides.MathematicalText("a")
            .setSuperscript("2")
            .join("=")
            .join(new aspose.slides.MathematicalText("b").setSuperscript("2"))
            .join("+")
            .join(new aspose.slides.MathematicalText("c").setSuperscript("2"))
            .toBorderBox();

    mathParagraph.add(new aspose.slides.MathBlock(boxedEquation));

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

항 그룹화

[group](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)을 사용하여 표현식 위나 아래에 그룹화 문자를 배치합니다. 그룹화된 항에 레이블을 지정하려면 제한을 추가합니다.

$x + y 표현식이 아래에 텍스트 레이블과 함께 그룹화된 모습$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 120);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let grouped = new aspose.slides.MathematicalText("x + y")
            .group(java.newChar('\u23DF'), aspose.slides.MathTopBotPositions.Bottom, aspose.slides.MathTopBotPositions.Top)
            .setLowerLimit("any text");

    mathParagraph.add(new aspose.slides.MathBlock(grouped));

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

수학 요소 서식 지정

수식이 명확해지는 경우에만 서식 도우미를 사용합니다. 예를 들어, [overbar](https://reference.aspose.com/slides/ko/nodejs-java/aspose.slides/mathelementbase/)는 수학 요소 위에 막대를 놓습니다.

$위에 막대가 있는 수학 표현식 ABC$

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

    let mathShape = slide.getShapes().addMathShape(20, 20, 700, 100);
    let mathParagraph = mathShape.getTextFrame().getParagraphs()
            .get_Item(0).getPortions().get_Item(0).getMathParagraph();

    let overbar = new aspose.slides.MathematicalText("ABC").overbar();

    mathParagraph.add(new aspose.slides.MathBlock(overbar));

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

빠른 참고

작업	주요 API
수학 텍스트 만들기	MathematicalText
요소 결합	join
분수 만들기	divide
위첨자 또는 아래첨자 추가	setSuperscript, setSubscript
함수 추가	function, asArgumentOfFunction
근호 추가	radical
극한 추가	setLowerLimit, setUpperLimit
왼쪽 스크립트 추가	setSubSuperscriptOnTheLeft
합계 및 적분 추가	nary, integral
행렬 추가	MathMatrix
방정식 배열 추가	toMathArray
구분 기호 추가	enclose
막대 및 테두리 추가	overbar, toBorderBox
항 그룹화	group

FAQ

기존 PowerPoint 방정식을 편집할 수 있나요?

예. 프레젠테이션을 열고 MathPortion을 포함하는 도형을 찾아 해당 MathParagraph를 가져온 다음, 해당 단락의 수학 블록을 업데이트합니다.

방정식이 편집 가능한 PowerPoint 수학으로 저장되나요?

예. PPTX로 저장하면 Aspose.Slides는 방정식을 편집 가능한 Office 수학 콘텐츠로 기록합니다.

방정식을 LaTeX로 내보낼 수 있나요?

예. 방정식의 MathParagraph를 그 MathPortion에서 가져온 다음, MathParagraph.toLatex를 호출하여 직접 내보낼 수 있습니다. 전체 예제는 Export Math Equations from Presentations in Node.js via Java을 참조하십시오.

JavaScript에서 PowerPoint 차트 만들기 및 사용자 지정 JavaScript에서 PowerPoint 도형 관리