在图像上绘制缩放图片

Question

我有一张WPF图片，我正在尝试在上面画一些东西（让我们说一个笑脸，两个蓝色圆圈用于眼睛，一个红色椭圆形用于嘴巴）。 我在图像上做了一个小Rectangle，然后拉长了。

<Grid Name="mGrid">
    <Rectangle Height="0" HorizontalAlignment="Stretch" Stretch="Fill" Name="mImageFrame"  VerticalAlignment="Stretch" Width="0" />
</Grid >

我使用DrawingBrush在矩形中绘制圆圈 显然这是错误的，因为我有两个问题：
1. DrawingBrush似乎有不同的规模。它将根据它绘制的最大项目进行缩放 我只能使用一种刷色。

那么，我怎么能以某种方式画出图像以保持相同的比例呢？ 我怎样才能为每个形状使用不同的颜色？

Answer 1

您可以将Shapes放在覆盖Image的Canvas上，然后将整个内容放在Viewbox中。这要求您通过将图像的Stretch属性设置为None来定义绝对坐标（从而将图像大小强制为其Source位图的大小）或显式设置为{{1} }或Width。

Height

Answer 2

一种解决方案是将图形和Image放入ViewBox控件中。您可以在MSDN的Viewbox Class页面上找到有关Viewbox的更多信息。基本上，它提供与Image控件相同的拉伸功能。

您可能也想在MSDN上查看Shapes and Basic Drawing in WPF Overview页面。