显示具有重叠多边形的图像

Question

这看起来很简单，但对我来说不起作用。我想显示来自我的数据库的图像，并使用相同的坐标系覆盖来自同一数据库的多边形。

<Image Name="imgColl" Stretch="Fill" MaxWidth="190" MinHeight="70">
    <Image.Source>
        <DrawingImage>
            <DrawingImage.Drawing>
                <DrawingGroup>
                    <ImageDrawing ImageSource="{Binding ImageData}" Rect="0,0,590,590"/>
                    <GeometryDrawing Geometry="{Binding Coordinates, StringFormat=M\{0\}}">
                        <GeometryDrawing.Pen>
                            <Pen Thickness="4" LineJoin="Bevel" Brush="OrangeRed"/>
                        </GeometryDrawing.Pen>
                    </GeometryDrawing>
                </DrawingGroup>
            </DrawingImage.Drawing>
        </DrawingImage>
    </Image.Source>
</Image>

我发现我必须在 ImageDrawing 对象上指定 Rect。不幸的是，因为我加载的图像尺寸不同。但如果我不指定矩形，则运行应用程序时不会出现图像。如果我使图像足够大（如示例中所示），图像确实会出现，并且会调整大小以适合我的控制，但多边形坐标系似乎不匹配。

另外，我使用 StringFormat 将 M 放在 Geometry 规范前面，这样它就如下所示：“M50,50,12,50,30,30,30,100,100,100”。如果我明确指定，则会出现多边形，但如果我使用相同的字符串将其绑定，则不会出现多边形。

不确定这两个问题是否相互关联——当这两个问题中的任何一个得到解决时，我将不得不重新评估。感谢您提供的任何指导！

Answer 1

此处忽略绑定的 StringFormat 设置，因为绑定的目标类型不是字符串，而是 几何。

由 Cooperatives 属性返回的字符串会隐式转换为 Geometry，因为 Geometry 有 [TypeConverterAttribute(typeof(GeometryConverter))] 属性设置，但 StringFormat 不会予以应用。您需要添加绑定转换器。

对于有关ImageDrawing.Rect的另一个问题：据我了解ImageDrawing，您总是必须指定绘图矩形，默认情况下它是Rect.Empty。也许您还可以将 Rect 属性绑定到数据对象的某些属性。

不管怎样，为了维护图像和多边形的公共坐标系，定义这样的东西不是更简单吗？

<Viewbox MaxWidth="190" MinHeight="70">
    <Canvas>
        <Image Stretch="None" Source="{Binding ImageData}" />
        <Path Stroke="OrangeRed" StrokeThickness="4" StrokeLineJoin="Bevel"
              Data="{Binding Coordinates}" />
    </Canvas>
</Viewbox>