Aracılığıyla paylaş

Nasıl Çizilir: Elips veya Daire

Bu örnekte, Ellipse öğesini kullanarak üç nokta ve daire çizme gösterilmektedir. Elips çizmek için bir Ellipse öğesi oluşturun ve Width ve Heightbelirtin. Elipsin içini boyamak için kullanılan Fill'i belirtmek için Brush özelliğini kullanın. Elipsin ana hattını boyamak için kullanılan Stroke'i belirtmek amacıyla Brush özelliğini kullanın. StrokeThickness özelliği, elips ana hattının kalınlığını belirtir.

Daire çizmek için, Width öğesinin Height ve Ellipse birbirine eşit hale getirin.

Aşağıdaki örnek, bir Ellipseiçinde dört Canvas öğesi çizer.

Örnek

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

Bu örnekte üç nokta içeren bir Canvas kullanılsa da, metin olmayan içeriği destekleyen herhangi bir Panel veya Control ile üç nokta öğelerini (ve diğer tüm şekil öğelerini) kullanabilirsiniz.

Bu örnek daha büyük bir örneğin parçasıdır; Örneğin tamamı için bkz. Şekil Öğeleri Örneği.

Ayrıca bakınız