Bagikan melalui

Cara: Membuat Kurva Bezier Kuadrat

  • Artikel

Contoh ini menunjukkan cara membuat kurva Bezier kuadrat. Untuk membuat kurva Bezier kuadrat, gunakan PathGeometrykelas , PathFigure, dan QuadraticBezierSegment .

Contoh

Dalam contoh berikut, kurva Bezier kuadrat digambar dari (10.100) hingga (300.100). Kurva memiliki titik kontrol (200.200).

Dalam Extensible Application Markup Language (XAML), Anda dapat menggunakan sintaks atribut untuk menjelaskan jalur.

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

(Perhatikan bahwa sintaks atribut ini benar-benar membuat StreamGeometryversi , versi yang lebih ringan dari PathGeometry. Untuk informasi selengkapnya, lihat halaman Sintaks Markup Jalur.)

Di XAML, Anda juga dapat menggambar kurva Bezier kuadrat menggunakan sintaks elemen 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>
                <QuadraticBezierSegment Point1="200,200" Point2="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