共用方式為

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

  • 發行項

此範例會顯示如何建立二次方貝茲曲線。 若要建立二次方貝茲曲線，請使用 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>

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

另請參閱