具有 CombinedGeometry 的椭圆

Question

我有这个椭圆：

    <Ellipse Name="backgroundEllipse1" Fill="Pink">
        <Ellipse.Clip>
            <CombinedGeometry GeometryCombineMode="Exclude">
                <CombinedGeometry.Geometry1>
                    <EllipseGeometry x:Name="backgroundEllipseMask1" Center="150,150" RadiusX="300" RadiusY="300"></EllipseGeometry>
                </CombinedGeometry.Geometry1>
                <CombinedGeometry.Geometry2>
                    <EllipseGeometry x:Name="backgroundEllipseMask2" Center="150,150" RadiusX="130" RadiusY="130"></EllipseGeometry>
                </CombinedGeometry.Geometry2>
            </CombinedGeometry>
        </Ellipse.Clip>
    </Ellipse>

我怎样才能做出这样的东西？

我正在尝试将中心值和半径值结合起来，但有些事情让我不知所措。

Answer 1

你需要一个ArcSegment

<Canvas>
    <Path Stroke="Pink" StrokeThickness="10" >
        <Path.Data>
            <PathGeometry>
                <PathFigure StartPoint="400,400">
                    <ArcSegment IsLargeArc="True"
                            Size="100, 100"
                            Point="480, 410"
                            SweepDirection="Counterclockwise" />
                </PathFigure>
            </PathGeometry>
        </Path.Data>
    </Path>
</Canvas>

请注意，弧形从 (400,400) 开始，以 (480,410) 结束。移动Counterclockwise，是一个大圆弧。 Size="100, 100" 确定 Ellipse 的大小（或圆圈，如果它们相等）This post 可以帮助你。

具有 CombinedGeometry 的椭圆

Ellipse with CombinedGeometry

wpf

geometry

xaml

ellipse