Útmutató: Ellipszis vagy kör rajzolása

Ez a példa bemutatja, hogyan rajzolhat ellipsziseket és köröket az Ellipse elem használatával. Ellipszis rajzolásához hozzon létre egy Ellipse elemet, és adja meg annak Width és Height. Használja a Fill tulajdonságát, hogy megadja a Brush értéket, amellyel az ellipszis belseje festhető. Tulajdonságával Stroke adja meg a Brush-et, amelyet az ellipszis körvonalának festéséhez használnak. A StrokeThickness tulajdonság az ellipszis körvonal vastagságát határozza meg.

Kör rajzolásához tegye a Width és a Height az Ellipse elem egyenlővé egymással.

Az alábbi példa négy Ellipse elemet helyez el egy Canvas-ben.

példa

<Canvas Height="200" Width="200">

  <!-- Draws an oval with a blue interior. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Canvas.Left="10"
    Canvas.Top="25" />

  <!-- Draws an oval with a blue interior and a black outline. -->
  <Ellipse
    Width="100"
    Height="50"
    Fill="Blue"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="10"
    Canvas.Top="100"/>

  <!-- Draws a circle with a blue interior. -->
  <Ellipse
    Width="50"
    Height="50"
    Fill="Blue"
    Canvas.Left="135"
    Canvas.Top="25"/>

  <!-- Draws a circle with a blue interior and a black outline. -->
  <Ellipse
    Width="50"
    Height="50"
    Stroke="Black"
    StrokeThickness="4"
    Canvas.Left="135"
    Canvas.Top="100" />

</Canvas>

Bár ez a példa Canvas a három pont helyeként szolgál, használhat ellipszis elemeket (és az összes többi formaelemet) bármilyen Panel vagy Control elemben, amely támogatja a nem szöveges tartalmat.

Ez a példa egy nagyobb minta része; a teljes mintához lásd Alakzatelemek minta.

Lásd még

• Ellipse
• Shape
• Alakzatelemek minta