Bagikan melalui

Cara Membuat Kurva Bézier Kuadrat

Contoh ini menunjukkan cara membuat kurva Bezier kuadrat. Untuk membuat kurva Bezier kuadrat, gunakan kelas PathGeometry, 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 , versi yang lebih ringan dari . 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 .

Lihat juga