Dela via

Gör så här: Skapa en kvadratisk bezierkurva

  • Artikel

Det här exemplet visar hur du skapar en kvadratisk Bezier-kurva. Om du vill skapa en kvadratisk Bezier-kurva använder du klasserna PathGeometry, PathFigureoch QuadraticBezierSegment.

Exempel

I följande exempel hämtas en kvadratisk Bezier-kurva från (10 100) till (300 100). Kurvan har en kontrollpunkt på (200 200).

I XAML (Extensible Application Markup Language) kan du använda attributsyntax för att beskriva en sökväg.

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

(Observera att den här attributsyntaxen faktiskt skapar en StreamGeometry, en lägre viktversion av en PathGeometry. Mer information finns på sidan Sökvägsmarkeringssyntax.)

I XAML kan du också rita en kvadratisk Bezier-kurva med hjälp av objektelementsyntax. Följande motsvarar det tidigare XAML-exemplet.

<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>

Det här exemplet är en del av ett större exempel. För det fullständiga exemplet, se Geometries Sample.

Se även