将三个图像组合成饼图

Question

我希望将三个圆圈组合成一个用于Windows Phone（8）的xaml中的cirlce图形。基本上我得到了这三张图片：

我希望将它们组合起来，所以我可以从中创建一个圆形图，如果这有意义的话。

如果可能的话，将它创建到控件中会很酷，所以我只需要将它添加到页面然后应用值来说明应该显示每个“圆圈”的数量。

<Image Source="/Images/157385.png" Height="200" Margin="0,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="0,0" RadiusX="250" RadiusY="250"/>
     </Image.Clip>
</Image>

但最终看起来更像这样：

<Image Source="/Images/157385.png" Height="200" Margin="0,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="0,0" RadiusX="250" RadiusY="250"/>
     </Image.Clip>
</Image>
<Image Source="/Images/157387.png" Height="200" Margin="1,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="100,100" RadiusX="50" RadiusY="100"/>
     </Image.Clip>
</Image>
<Image Source="/Images/157388.png" Height="200" Margin="1,0,279,0" RenderTransformOrigin="0.5,0.5" Width="200" >
     <Image.Clip>
          <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="50"/>
     </Image.Clip>
</Image>

对此有什么好的方法吗？ ^ _ ^或任何建议，一切都很赞赏！

Answer 1

剪切元素是重叠的（参见How to Crop an Object）。因此，在您的示例中，您有一个椭圆与椭圆重叠。您无法创建带有两个椭圆的饼形楔形。以下是如何创建饼形楔形的示例。此示例使用椭圆来模拟图像。

<Ellipse Fill="Red" Width="100" Height="100">
    <Ellipse.Clip>
        <PathGeometry >
            <PathFigureCollection>
                <PathFigure StartPoint="50,50">
                    <LineSegment Point="0,0"></LineSegment>
                    <LineSegment Point="50,0"></LineSegment>
                </PathFigure>
            </PathFigureCollection>
        </PathGeometry>
    </Ellipse.Clip>
</Ellipse>

Answer 2

对于处理图像的任何事情来说，一个好的起点可能就是看看WriteableBitmapEx！ lib可用于winphone。

Link here...（底部有示例，但是谷歌时你会发现更多内容）