WPFで長方形の上下に半円を追加した形に写真を切り抜きたいです。

Question

###前提・実現したいこと
WPFで長方形の上下に半円を追加した形に写真を切り抜きたいです。
半円を▽△で書くと

△
□
□
▽

のようにです。

長方形の幅は100pixcel,高さは200pixcel.
円の直径は100pixcelとした場合、

            <Image.Clip>
            </Image.Clip>

には何を書けばよいのでしょう？

###発生している問題・エラーメッセージ

            <Image x:Name="image" HorizontalAlignment="Left" Height="257" Margin="81,33,0,0" VerticalAlignment="Top" Width="188" Source="mig.jpg" >
                <Image.Clip>
                    <EllipseGeometry RadiusX="50" RadiusY="50" Center="100,100"/>
//ここに複数のEllispeとRectangleを書きたい
                </Image.Clip>
                
            </Image>

Clipが複数回設定されています、とエラーです。

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio 2015 Pro
WPF

Answer 1

GeometryGroup でお好きなように。

<Image Source="xxxx.jpg">
    <Image.Clip>
        <GeometryGroup FillRule="Nonzero">
            <EllipseGeometry RadiusX="100" RadiusY="100" Center="200,100" />
            <EllipseGeometry RadiusX="200" RadiusY="100" Center="200,200" />
        </GeometryGroup>
    </Image.Clip>
</Image>