如何：建立二次方貝茲曲線

  • 發行項

此範例示範如何建立二次方貝茲曲線。 若要建立二次方貝茲曲線，請使用 PathGeometry 、 PathFigure 和 QuadraticBezierSegment 類別。

範例

在下列範例中，二次方貝茲曲線是從 （10,100） 繪製到 （300,100）。 曲線的控制點為 （200,200）。

在 Extensible Application Markup Language （XAML）中，您可以使用屬性語法來描述路徑。

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

（請注意，這個屬性語法實際上會建立 、 StreamGeometry 較輕量版本的 PathGeometry 。如需詳細資訊，請參閱 路徑標記語法 頁面。

在 XAML 中，您也可以使用物件元素語法繪製二次方貝茲曲線。 下列相當於先前的 XAML 範例。

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

這個範例屬於較大型的範例；如需完整範例，請參閱幾何範例。

另請參閱