Bagikan melalui

Cara: Membuat Kurva Bezier Kubik

  • Artikel

Contoh ini menunjukkan cara membuat kurva Bezier kubik. Untuk membuat kurva Bezier kubik, gunakan PathGeometrykelas , PathFigure, dan BezierSegment . Untuk menampilkan geometri yang dihasilkan, gunakan Path elemen, atau gunakan dengan GeometryDrawing atau DrawingContext. Dalam contoh berikut, kurva Bezier kubik digambar dari (10, 100) hingga (300, 100). Kurva memiliki titik kontrol (100, 0) dan (200, 200).

Contoh

Dalam Extensible Application Markup Language (XAML), Anda dapat menggunakan sintaks markup singkatan untuk menggambarkan jalur.

<Path Stroke="Black" StrokeThickness="1"  
  Data="M 10,100 C 100,0 200,200 300,100" />

Di XAML, Anda juga dapat menggambar kurva Bezier kubik menggunakan tag objek. Berikut ini setara dengan contoh XAML sebelumnya.

<Path Stroke="Black" StrokeThickness="1">
  <Path.Data>
    <PathGeometry>
      <PathGeometry.Figures>
        <PathFigureCollection>
          <PathFigure StartPoint="10,100">
            <PathFigure.Segments>
              <PathSegmentCollection>
                <BezierSegment Point1="100,0" Point2="200,200" Point3="300,100" />
              </PathSegmentCollection>
            </PathFigure.Segments>
          </PathFigure>
        </PathFigureCollection>
      </PathGeometry.Figures>
    </PathGeometry>
  </Path.Data>
</Path>

Contoh ini adalah bagian dari sampel yang lebih besar; untuk sampel lengkapnya, lihat Sampel Geometri.

Baca juga