添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

此示例演示如何使用 Ellipse 元素绘制椭圆形和圆形。 若要绘制椭圆形,请创建 Ellipse 元素,并指定其 Width Height 。 使用其 Fill 属性指定用于绘制椭圆形内部的 Brush 。 使用其 Stroke 属性指定用于绘制椭圆形轮廓的 Brush StrokeThickness 属性指定椭圆形轮廓的粗细。

若要绘制圆形,请将 Ellipse 元素的 Width Height 设置为相等。

以下示例在 Canvas 中绘制了四个 Ellipse 元素。

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

尽管此示例使用 Canvas 来包含椭圆形,但可以将椭圆形元素(以及所有其他形状元素)与任何支持非文本内容的 PanelControl 一起使用。

此示例是更大示例的组成部分;有关完整示例,请参阅形状元素示例

  • Ellipse
  • Shape
  • 形状元素示例
  • 即将发布:在整个 2024 年,我们将逐步淘汰作为内容反馈机制的“GitHub 问题”,并将其取代为新的反馈系统。 有关详细信息,请参阅:https://aka.ms/ContentUserFeedback

    提交和查看相关反馈