# ปรับแต่งรูปทรงการนำเสนอใน Java

> สร้างและปรับแต่งรูปทรงในงานนำเสนอ PowerPoint ด้วย Aspose.Slides สำหรับ Java: เส้นทางเรขาคณิต, มุมโค้ง, รูปทรงเชิงประกอบ.

Source: https://docs.aspose.com/slides/th/java/custom-shape/
Updated: 2026-06-13

## **ภาพรวม**

บทความนี้อธิบายวิธีการปรับแต่งรูปทรงการนำเสนอใน Aspose.Slides ด้วยการแก้ไขรูปทรงเรขาคณิตผ่านจุดแก้ไขและเส้นทางเรขาคณิต แสดงวิธีทำงานกับ `GeometryPath` และ `IGeometryPath` เพื่อแก้ไขรูปทรงที่มีอยู่, ทำการแก้ไขเส้นทางพื้นฐาน, เพิ่มหรือ 제거จุด, และนำเรขาคณิตที่อัปเดตกลับไปใช้กับรูปทรง

บทความยังสาธิตวิธีการสร้างรูปทรงที่กำหนดเองและรูปทรงเชิงประกอบ, สร้างรูปทรงที่มีมุมโค้ง, ตรวจสอบว่ารูปทรงเรขาคณิตปิดหรือไม่, และแปลงระหว่าง `GeometryPath` กับ `java.awt.Shape` สำหรับสถานการณ์การปรับแต่งเรขาคณิตเพิ่มเติม

## **เปลี่ยนรูปทรงโดยใช้จุดแก้ไข**

ลองนึกถึงสี่เหลี่ยมจัตุรัส ใน PowerPoint โดยใช้ **จุดแก้ไข** คุณสามารถ

* ย้ายมุมของสี่เหลี่ยมเข้าหรือออก
* กำหนดความโค้งของมุมหรือจุด
* เพิ่มจุดใหม่ลงในสี่เหลี่ยม
* จัดการจุดต่าง ๆ บนสี่เหลี่ยม ฯลฯ

โดยสรุป คุณสามารถทำงานที่อธิบายไว้กับรูปทรงใดก็ได้ การใช้จุดแก้ไขทำให้คุณเปลี่ยนรูปทรงหรือสร้างรูปทรงใหม่จากรูปทรงที่มีอยู่

## **เคล็ดลับการแก้ไขรูปทรง**

![ภาพรวม_image](custom_shape_0.png)

ก่อนที่คุณจะเริ่มแก้ไขรูปทรง PowerPoint ผ่านจุดแก้ไข คุณอาจต้องพิจารณาข้อควรระวังต่อไปนี้เกี่ยวกับรูปทรง:

* รูปทรง (หรือเส้นทางของมัน) สามารถเป็นแบบปิดหรือเปิดได้
* เมื่อรูปทรงเป็นแบบปิด จะไม่มีจุดเริ่มต้นหรือสิ้นสุด เมื่อรูปทรงเป็นแบบเปิด จะมีจุดเริ่มต้นและจุดสิ้นสุด
* ทุกรูปทรงประกอบด้วยจุดยึดอย่างน้อย 2 จุดที่เชื่อมต่อกันด้วยเส้น
* เส้นสามารถเป็นเส้นตรงหรือเส้นโค้ง จุดยึดกำหนดลักษณะของเส้น
* จุดยึดมีอยู่ในรูปแบบจุดมุม, จุดตรง, หรือจุดเรียบ:
  * จุดมุมคือจุดที่เส้นตรง 2 เส้นเชื่อมต่อกันเป็นมุม
  * จุดเรียบคือจุดที่มีมือ (handle) 2 ตัวอยู่ในเส้นตรงและส่วนของเส้นเชื่อมต่อกันเป็นโค้งเรียบ ในกรณีนี้มือทุกตัวจะห่างจากจุดยึดเป็นระยะที่เท่ากัน
  * จุดตรงคือจุดที่มีมือ 2 ตัวอยู่ในเส้นตรงและส่วนของเส้นเชื่อมต่อกันเป็นโค้งเรียบ ในกรณีนี้มือไม่จำเป็นต้องห่างจากจุดยึดเป็นระยะเท่ากัน
* การย้ายหรือแก้ไขจุดยึด (ซึ่งเปลี่ยนมุมของเส้น) จะทำให้ลักษณะของรูปทรงเปลี่ยนไป

เพื่อแก้ไขรูปทรง PowerPoint ผ่านจุดแก้ไข, **Aspose.Slides** มีคลาส [**GeometryPath**](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) และอินเตอร์เฟส [**IGeometryPath**](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryPath)

* อินสแตนซ์ของ [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) แทนเส้นทางเรขาคณิตของอ็อบเจ็กต์ [IGeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryShape)
* เพื่อรับ `GeometryPath` จากอินสแตนซ์ `IGeometryShape` คุณสามารถใช้เมธอด [IGeometryShape.getGeometryPaths](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryShape#getGeometryPaths--)
* เพื่อกำหนด `GeometryPath` ให้กับรูปทรง คุณสามารถใช้เมธอดเหล่านี้: [IGeometryShape.setGeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryShape#setGeometryPath-com.aspose.slides.IGeometryPath-) สำหรับ *รูปทรงแบบทำช่อง* และ [IGeometryShape.setGeometryPaths](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryShape#setGeometryPaths-com.aspose.slides.IGeometryPath:A-) สำหรับ *รูปทรงเชิงประกอบ*
* เพื่อเพิ่มเซกเมนต์ คุณสามารถใช้เมธอดภายใต้ [IGeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryPath)
* ด้วยเมธอด [IGeometryPath.setStroke](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryPath#setStroke-boolean-) และ [IGeometryPath.setFillMode](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryPath#setFillMode-byte-) คุณสามารถกำหนดลักษณะการแสดงผลของเส้นทางเรขาคณิตได้
* ด้วยเมธอด [IGeometryPath.getPathData](https://reference.aspose.com/slides/th/java/com.aspose.slides/IGeometryPath#getPathData--) คุณสามารถดึงข้อมูลเส้นทางของ `GeometryShape` เป็นอาร์เรย์ของเซกเมนต์เส้นทาง
* เพื่อเข้าถึงตัวเลือกการปรับแต่งเรขาคณิตของรูปทรงเพิ่มเติม คุณสามารถแปลง [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) ไปเป็น [java.awt.Shape](https://docs.oracle.com/javase/7/docs/api/java/awt/Shape.html)
* ใช้เมธอด [geometryPathToGraphicsPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeUtil#geometryPathToGraphicsPath-com.aspose.slides.IGeometryPath-) และ [graphicsPathToGeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeUtil#graphicsPathToGeometryPath-java.awt.Shape-) (จากคลาส [ShapeUtil](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeUtil)) เพื่อแปลง [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) ไปเป็น [java.awt.Shape](https://docs.oracle.com/javase/7/docs/api/java/awt/Shape.html) และกลับกัน

## **การดำเนินการแก้ไขอย่างง่าย**

โค้ด Java นี้แสดงวิธี

**เพิ่มเส้น** ที่ส่วนท้ายของเส้นทาง

``` java
public void lineTo(java.awt.geom.Point2D.Float point);
public void lineTo(float x, float y);
```
**เพิ่มเส้น** ที่ตำแหน่งที่ระบุบนเส้นทาง:

``` java    
public void lineTo(java.awt.geom.Point2D.Float point, long index);
public void lineTo(float x, float y, long index);
```
**เพิ่มเส้นโค้งคูบิกแบบเบเซียร์** ที่ส่วนท้ายของเส้นทาง:

``` java
public void cubicBezierTo(java.awt.geom.Point2D.Float point1, java.awt.geom.Point2D.Float point2, java.awt.geom.Point2D.Float point3);
public void cubicBezierTo(float x1, float y1, float x2, float y2, float x3, float y3);
```
**เพิ่มเส้นโค้งคูบิกแบบเบเซียร์** ที่ตำแหน่งที่ระบุบนเส้นทาง:

``` java
public void cubicBezierTo(java.awt.geom.Point2D.Float point1, java.awt.geom.Point2D.Float point2, java.awt.geom.Point2D.Float point3, long index);
public void cubicBezierTo(float x1, float y1, float x2, float y2, float x3, float y3, long index);
```
**เพิ่มเส้นโค้งควอดราติกแบบเบเซียร์** ที่ส่วนท้ายของเส้นทาง:

``` java
public void quadraticBezierTo(java.awt.geom.Point2D.Float point1, java.awt.geom.Point2D.Float point2);
public void quadraticBezierTo(float x1, float y1, float x2, float y2);
```
**เพิ่มเส้นโค้งควอดราติกแบบเบเซียร์** ที่ตำแหน่งที่ระบุบนเส้นทาง:

``` java
public void quadraticBezierTo(java.awt.geom.Point2D.Float point1, java.awt.geom.Point2D.Float point2, long index);
public void quadraticBezierTo(float x1, float y1, float x2, float y2, long index);
```
**ต่อช่วงโค้งที่กำหนด** ไปยังเส้นทาง:

``` java
public void arcTo(float width, float heigth, float startAngle, float sweepAngle);
```
**ปิดรูปทรงปัจจุบัน** ของเส้นทาง:

``` java
public void closeFigure();
```
**กำหนดตำแหน่งของจุดถัดไป**:

``` java
public void moveTo(java.awt.geom.Point2D.Float point);
public void moveTo(float x, float y);
```
**ลบเซกเมนต์ของเส้นทาง** ที่ตำแหน่งดัชนีที่กำหนด:

``` java
public void removeAt(int index);
```

## **เพิ่มจุดกำหนดเองให้กับรูปทรง**
1. สร้างอินสแตนซ์ของคลาส [GeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryShape) และตั้งค่าชนิดเป็น [ShapeType.Rectangle](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeType)
2. รับอินสแตนซ์ของคลาส [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) จากรูปทรง
3. เพิ่มจุดใหม่ระหว่างจุดบนสองจุดบนเส้นทาง
4. เพิ่มจุดใหม่ระหว่างจุดล่างสองจุดบนเส้นทาง
5. นำเส้นทางไปใช้กับรูปทรง

โค้ด Java นี้แสดงวิธีเพิ่มจุดกำหนดเองให้กับรูปทรง:

``` java
Presentation pres = new Presentation();
try {
    GeometryShape shape = (GeometryShape) pres.getSlides().get_Item(0).
            getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, 200, 100);
    IGeometryPath geometryPath = shape.getGeometryPaths()[0];

    geometryPath.lineTo(100, 50, 1);
    geometryPath.lineTo(100, 50, 4);
    shape.setGeometryPath(geometryPath);
} finally {
    if (pres != null) pres.dispose();
}
```
![ตัวอย่าง1_image](custom_shape_1.png)

## **ลบจุดจากรูปทรง**

1. สร้างอินสแตนซ์ของคลาส [GeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryShape) และตั้งค่าชนิดเป็น [ShapeType.Heart](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeType)
2. รับอินสแตนซ์ของคลาส [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) จากรูปทรง
3. ลบเซกเมนต์ของเส้นทาง
4. นำเส้นทางไปใช้กับรูปทรง

โค้ด Java นี้แสดงวิธีลบจุดจากรูปทรง:

``` java
Presentation pres = new Presentation();
try {
    GeometryShape shape = (GeometryShape) pres.getSlides().get_Item(0).
            getShapes().addAutoShape(ShapeType.Heart, 100, 100, 300, 300);

    IGeometryPath path = shape.getGeometryPaths()[0];
    path.removeAt(2);
    shape.setGeometryPath(path);
} finally {
    if (pres != null) pres.dispose();
}
```
![ตัวอย่าง2_image](custom_shape_2.png)

## **สร้างรูปทรงกำหนดเอง**

1. คำนวณจุดสำหรับรูปทรง
2. สร้างอินสแตนซ์ของคลาส [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath)
3. เติมเส้นทางด้วยจุดเหล่านั้น
4. สร้างอินสแตนซ์ของคลาส [GeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryShape)
5. นำเส้นทางไปใช้กับรูปทรง

โค้ด Java นี้แสดงวิธีสร้างรูปทรงกำหนดเอง:

``` java
List<Point2D.Float> points = new ArrayList<Point2D.Float>();

float R = 100, r = 50;
int step = 72;

for (int angle = -90; angle < 270; angle += step)
{
    double radians = angle * (Math.PI / 180f);
    double x = R * Math.cos(radians);
    double y = R * Math.sin(radians);
    points.add(new Point2D.Float((float)x + R, (float)y + R));

    radians = Math.PI * (angle + step / 2) / 180.0;
    x = r * Math.cos(radians);
    y = r * Math.sin(radians);
    points.add(new Point2D.Float((float)x + R, (float)y + R));
}

GeometryPath starPath = new GeometryPath();
starPath.moveTo(points.get(0));

for (int i = 1; i < points.size(); i++)
{
    starPath.lineTo(points.get(i));
}

starPath.closeFigure();

Presentation pres = new Presentation();
try {
    GeometryShape shape = (GeometryShape) pres.getSlides().get_Item(0).
            getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, R * 2, R * 2);

    shape.setGeometryPath(starPath);
} finally {
    if (pres != null) pres.dispose();
}

```
![ตัวอย่าง3_image](custom_shape_3.png)

## **สร้างรูปทรงเชิงประกอบกำหนดเอง**

1. สร้างอินสแตนซ์ของคลาส [GeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryShape)
2. สร้างอินสแตนซ์แรกของคลาส [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath)
3. สร้างอินสแตนซ์ที่สองของคลาส [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath)
4. นำเส้นทางไปใช้กับรูปทรง

โค้ด Java นี้แสดงวิธีสร้างรูปทรงเชิงประกอบกำหนดเอง:

``` java
Presentation pres = new Presentation();
try {
    GeometryShape shape = (GeometryShape) pres.getSlides().get_Item(0).
            getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, 200, 100);

    GeometryPath geometryPath0 = new GeometryPath();
    geometryPath0.moveTo(0, 0);
    geometryPath0.lineTo(shape.getWidth(), 0);
    geometryPath0.lineTo(shape.getWidth(), shape.getHeight()/3);
    geometryPath0.lineTo(0, shape.getHeight() / 3);
    geometryPath0.closeFigure();

    GeometryPath geometryPath1 = new GeometryPath();
    geometryPath1.moveTo(0, shape.getHeight()/3 * 2);
    geometryPath1.lineTo(shape.getWidth(), shape.getHeight() / 3 * 2);
    geometryPath1.lineTo(shape.getWidth(), shape.getHeight());
    geometryPath1.lineTo(0, shape.getHeight());
    geometryPath1.closeFigure();

    shape.setGeometryPaths(new GeometryPath[] { geometryPath0, geometryPath1});
} finally {
    if (pres != null) pres.dispose();
}
```
![ตัวอย่าง4_image](custom_shape_4.png)

## **สร้างรูปทรงกำหนดเองที่มีมุมโค้ง**

โค้ด Java นี้แสดงวิธีสร้างรูปทรงกำหนดเองที่มีมุมโค้ง (ด้านใน):

```java
float shapeX = 20f;
float shapeY = 20f;
float shapeWidth = 300f;
float shapeHeight = 200f;

float leftTopSize = 50f;
float rightTopSize = 20f;
float rightBottomSize = 40f;
float leftBottomSize = 10f;

Presentation pres = new Presentation();
try {
    IAutoShape childShape = pres.getSlides().get_Item(0).getShapes().addAutoShape(
            ShapeType.Custom, shapeX, shapeY, shapeWidth, shapeHeight);

    GeometryPath geometryPath = new GeometryPath();

    Point2D.Float point1 = new Point2D.Float(leftTopSize, 0);
    Point2D.Float point2 = new Point2D.Float(shapeWidth - rightTopSize, 0);
    Point2D.Float point3 = new Point2D.Float(shapeWidth, shapeHeight - rightBottomSize);
    Point2D.Float point4 = new Point2D.Float(leftBottomSize, shapeHeight);
    Point2D.Float point5 = new Point2D.Float(0, leftTopSize);

    geometryPath.moveTo(point1);
    geometryPath.lineTo(point2);
    geometryPath.arcTo(rightTopSize, rightTopSize, 180, -90);
    geometryPath.lineTo(point3);
    geometryPath.arcTo(rightBottomSize, rightBottomSize, -90, -90);
    geometryPath.lineTo(point4);
    geometryPath.arcTo(leftBottomSize, leftBottomSize, 0, -90);
    geometryPath.lineTo(point5);
    geometryPath.arcTo(leftTopSize, leftTopSize, 90, -90);

    geometryPath.closeFigure();

    childShape.setGeometryPath(geometryPath);

    pres.save("output.pptx", SaveFormat.Pptx);
} finally {
    if (pres!= null) pres.dispose();
}
```

## **ตรวจสอบว่ารูปทรงเรขาคณิตเป็นแบบปิดหรือไม่**

รูปทรงแบบปิดหมายถึงรูปทรงที่ด้านทั้งหมดเชื่อมต่อกันเป็นขอบเขตเดียวโดยไม่มีช่องว่าง รูปทรงดังกล่าวอาจเป็นรูปทรงเรขาคณิตพื้นฐานหรือโครงร่างกำหนดเองที่ซับซ้อน ตัวอย่างโค้ดต่อไปนี้แสดงวิธีตรวจสอบว่ารูปทรงเรขาคณิตเป็นแบบปิดหรือไม่:

```java
boolean isGeometryClosed(IGeometryShape geometryShape)
{
    Boolean isClosed = null;

    for (IGeometryPath geometryPath : geometryShape.getGeometryPaths()) {
        int dataLength = geometryPath.getPathData().length;
        if (dataLength == 0)
            continue;

        IPathSegment lastSegment = geometryPath.getPathData()[dataLength - 1];
        isClosed = lastSegment.getPathCommand() == PathCommandType.Close;

        if (isClosed == false)
            return false;
    }

    return isClosed == true;
}
```

## **แปลง GeometryPath เป็น java.awt.Shape**

1. สร้างอินสแตนซ์ของคลาส [GeometryShape](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryShape)
2. สร้างอินสแตนซ์ของคลาส [java.awt.Shape](https://docs.oracle.com/javase/7/docs/api/java/awt/Shape.html)
3. แปลงอินสแตนซ์ [java.awt.Shape](https://docs.oracle.com/javase/7/docs/api/java/awt/Shape.html) ไปเป็นอินสแตนซ์ [GeometryPath](https://reference.aspose.com/slides/th/java/com.aspose.slides/GeometryPath) ด้วย [ShapeUtil](https://reference.aspose.com/slides/th/java/com.aspose.slides/ShapeUtil)
4. นำเส้นทางไปใช้กับรูปทรง

โค้ด Java — การดำเนินการตามขั้นตอนข้างต้น — แสดงกระบวนการแปลง **GeometryPath** ไปเป็น **GraphicsPath**:

``` java
Presentation pres = new Presentation();
try {
    // สร้างรูปทรงใหม่
    GeometryShape shape = (GeometryShape)pres.getSlides().get_Item(0).
            getShapes().addAutoShape(ShapeType.Rectangle, 100, 100, 300, 100);

    // รับเส้นทางเรขาคณิตของรูปทรง
    IGeometryPath originalPath = shape.getGeometryPaths()[0];
    originalPath.setFillMode(PathFillModeType.None);

    // สร้างกราฟิกพาธใหม่พร้อมข้อความ
    Shape graphicsPath;
    Font font = new java.awt.Font("Arial", Font.PLAIN, 40);
    String text = "Text in shape";
    BufferedImage img = new BufferedImage(100, 100, BufferedImage.TYPE_INT_ARGB);
    Graphics2D g2 = img.createGraphics();

    try
    {
        GlyphVector glyphVector = font.createGlyphVector(g2.getFontRenderContext(), text);
        graphicsPath = glyphVector.getOutline(20f, ((float) -glyphVector.getVisualBounds().getY()) + 10);
    }
    finally {
        g2.dispose();
    }

    // แปลงกราฟิกพาธเป็นเรขาคณิตพาธ
    IGeometryPath textPath = ShapeUtil.graphicsPathToGeometryPath(graphicsPath);
    textPath.setFillMode(PathFillModeType.Normal);

    // ตั้งค่าการผสมผสานของเรขาคณิตพาธใหม่และเรขาคณิตพาธต้นฉบับให้กับรูปทรง
    shape.setGeometryPaths(new IGeometryPath[] { originalPath, textPath });
} finally {
    if (pres != null) pres.dispose();
}
```
![ตัวอย่าง5_image](custom_shape_5.png)

## **คำถามที่พบบ่อย**

**การเติมสีและเส้นขอบจะเป็นอย่างไรหลังจากเปลี่ยนเรขาคณิต?**

สไตล์จะคงอยู่กับรูปทรง; เพียงแต่รูปร่างขอบจะเปลี่ยนไป การเติมสีและเส้นขอบจะถูกนำไปใช้กับเรขาคณิตใหม่โดยอัตโนมัติ

**ฉันจะหมุนรูปทรงกำหนดเองพร้อมกับเรขาคณิตอย่างถูกต้องได้อย่างไร?**

ใช้เมธอด [setRotation](https://reference.aspose.com/slides/th/java/com.aspose.slides/shape/#setRotation-float-) ของรูปทรง; เรขาคณิตจะหมุนพร้อมกับรูปทรงเพราะถูกผูกกับระบบพิกัดของรูปทรงเอง

**ฉันสามารถแปลงรูปทรงกำหนดเองเป็นภาพเพื่อ “ล็อค” ผลลัพธ์ได้หรือไม่?**

ได้. ส่งออกพื้นที่ [slide](/slides/th/java/convert-powerpoint-to-png/) ที่ต้องการหรือรูปทรง [shape](/slides/th/java/create-shape-thumbnails/) เองเป็นรูปแบบเรสเตอร์; วิธีนี้ทำให้การทำงานต่อกับเรขาคณิตที่ซับซ้อนเป็นเรื่องง่ายขึ้น