共用方式為


HOW TO:建立二次方貝茲曲線

更新:2007 年 11 月

本範例顯示如何建立二次方貝茲曲線。若要建立二次方貝茲曲線,請使用 PathGeometryPathFigureQuadraticBezierSegment 類別。

範例

在下列範例中,會繪製從 (10,100) 到 (300,100) 的二次方貝茲曲線。曲線具有控制點 (200,200)。

xaml

在可延伸標記語言 (XAML) 中,您可以使用屬性語法來描述路徑。

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

xaml

(請注意,此屬性語法實際上會建立 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>

本範例是完整範例的一部分;如需完整範例,請參閱幾何範例

請參閱

工作

HOW TO:建立橢圓弧形

HOW TO:建立三次方貝茲曲線