다음을 통해 공유

방법: 결합된 기하 도형 만들기

  • 아티클

이 예제에서는 기하 도형을 결합하는 방법을 보여 줍니다. 두 개의 기하 도형을 결합하려면 CombinedGeometry 개체를 사용합니다. 결합할 두 기하 도형을 사용하여 해당 Geometry1 및 Geometry2 속성을 설정하고, 기하 도형을 함께 결합하는 방법을 결정하는 GeometryCombineMode 속성을 Union, Intersect, Exclude 또는 Xor로 설정합니다.

둘 이상의 기하 도형에서 복합 기하 도형을 만들려면 GeometryGroup을 사용합니다.

예제

다음 예제에서는 기하 도형 결합 모드 Exclude를 사용하여 CombinedGeometry를 정의합니다. Geometry1 및 Geometry2 둘 다 동일한 반지름의 원이지만 중심 오프셋은 50에 해당합니다.

<Path Stroke="Black" StrokeThickness="1" Fill="#CCCCFF">
  <Path.Data>
    
    <!-- Combines two geometries using the exclude combine mode. -->
    <CombinedGeometry GeometryCombineMode="Exclude">
      <CombinedGeometry.Geometry1>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="75,75" />
      </CombinedGeometry.Geometry1>
      <CombinedGeometry.Geometry2>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="125,75" />
      </CombinedGeometry.Geometry2>
    </CombinedGeometry>
  </Path.Data>
</Path>

Exclude 결합 모드의 결과
결합된 기하 도형 제외

다음 표시에서는 결합 모드 Intersect를 사용하여 CombinedGeometry를 정의합니다. Geometry1 및 Geometry2 둘 다 동일한 반지름의 원이지만 중심 오프셋은 50에 해당합니다.

<Path Stroke="Black" StrokeThickness="1" Fill="#CCCCFF">
  <Path.Data>
    
    <!-- Combines two geometries using the intersect combine mode. -->
    <CombinedGeometry GeometryCombineMode="Intersect">
      <CombinedGeometry.Geometry1>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="75,75" />
      </CombinedGeometry.Geometry1>
      <CombinedGeometry.Geometry2>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="125,75" />
      </CombinedGeometry.Geometry2>
    </CombinedGeometry>
  </Path.Data>
</Path>

Intersect 결합 모드의 결과
결합된 기하 도형 교차

다음 표시에서는 결합 모드 Union을 사용하여 CombinedGeometry를 정의합니다. Geometry1 및 Geometry2 둘 다 동일한 반지름의 원이지만 중심 오프셋은 50에 해당합니다.

<Path Stroke="Black" StrokeThickness="1" Fill="#CCCCFF">
  <Path.Data>
    
    <!-- Combines two geometries using the union combine mode. -->
    <CombinedGeometry GeometryCombineMode="Union">
      <CombinedGeometry.Geometry1>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="75,75" />
      </CombinedGeometry.Geometry1>
      <CombinedGeometry.Geometry2>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="125,75" />
      </CombinedGeometry.Geometry2>
    </CombinedGeometry>
  </Path.Data>
</Path>

합집합 결합 모드의 결과
결합된 기하 도형 공용 구조체

다음 표시에서는 결합 모드 Xor을 사용하여 CombinedGeometry를 정의합니다. Geometry1 및 Geometry2 둘 다 동일한 반지름의 원이지만 중심 오프셋은 50에 해당합니다.

<Path Stroke="Black" StrokeThickness="1" Fill="#CCCCFF">
  <Path.Data>
    
    <!-- Combines two geometries using the XOR combine mode. -->
    <CombinedGeometry GeometryCombineMode="Xor">
      <CombinedGeometry.Geometry1>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="75,75" />
      </CombinedGeometry.Geometry1>
      <CombinedGeometry.Geometry2>
        <EllipseGeometry RadiusX="50" RadiusY="50" Center="125,75" />
      </CombinedGeometry.Geometry2>
    </CombinedGeometry>
  </Path.Data>
</Path>

Xor 결합 모드의 결과
결합된 기하 도형 Xor