wpf中的图片（仅在圆圈中单击，而不是在正方形中单击，圆圈位于正方形内部）

我的程序中有一张图片

在这幅画里，有一个正方形和一个圆圈

在我的程序中，当用户单击圆圈时，我的动画将执行。仅单击圆圈而不是方形，圆圈在方形内。请帮我写这段代码

提前感谢使用

您可以使用

---

顺便说一句：我是为Windows Phone制作的，所以可能需要对WPF进行一些调整。

这些自定义绘制的形状是在单个画布或其他控件上，还是这些单独的形状恰好重叠？如果它们只是形状，只需在圆上执行命中测试，或者在属性上检查鼠标，就可以了。例如，在美国地图上，当鼠标光标靠近加利福尼亚时，加利福尼亚的地图变大，当我点击加利福尼亚时，在新页面中可以看到加利福尼亚州的信息。@Mohsen:然后将替换为并订阅“单击”事件，以导航到另一个页面。顺便说一句：您可能希望将此逻辑放置在样式中，以便将其应用于所有州。我的问题是选择图片如何仅为加利福尼亚州设置鼠标属性

<Window ...
    xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
    xmlns:im="clr-namespace:Microsoft.Expression.Interactivity.Media;assembly=Microsoft.Expression.Interactions"
    >
   <Window.Resources>
    <Storyboard x:Name="Storyboard1">
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)" Storyboard.TargetName="ellipse">
            <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
        <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.75"/>
    </DoubleAnimationUsingKeyFrames>
    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)" Storyboard.TargetName="ellipse">
        <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
        <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="0.75"/>
    </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    </Window.Resources>
    <Canvas Margin="56,104,114,248">
        <Rectangle Fill="#FFF4F4F5" Height="157" Canvas.Left="60" Stroke="Black" Canvas.Top="51" Width="170"/>
    <Ellipse x:Name="ellipse" Fill="#FFE48A06" Height="115" Canvas.Left="89" Stroke="Black" Canvas.Top="76" Width="119" RenderTransformOrigin="0.5,0.5">
        <Ellipse.RenderTransform>
        <CompositeTransform/>
    </Ellipse.RenderTransform>
    <Custom:Interaction.Triggers>
        <Custom:EventTrigger EventName="MouseLeftButtonDown">
        <im:ControlStoryboardAction Storyboard="{StaticResource Storyboard1}"/>
        </Custom:EventTrigger>
    </Custom:Interaction.Triggers>
    </Ellipse>
</Canvas>
</Window>