通过一条线连接两个 WPF 画布元素，而不使用锚点？

Question

我有一个用于绘图的画布，并且想通过有向线（箭头末端）连接图中的节点。 我尝试了锚点方法，其中线条仅附加在节点上的特定点，但这对我不起作用，它看起来像垃圾。

我只是想要一条从每个对象的中心到另一个对象的线，并将线停在节点的边缘，以便箭头末端正确显示。但事实证明，找到画布元素的边缘来测试交叉点很困难。

有什么想法吗？

Answer 1

我有一个使用元素边界框的方法。它并不完美，因为我的元素不是完美的矩形，但看起来还不错。

基本上，我通过以下方式找到 Canvas 坐标中元素的边界框：

    private static Rect GetBounds(FrameworkElement element, UIElement visual)
    {
        return new Rect(
            element.TranslatePoint(new Point(0, 0), visual),
            element.TranslatePoint(new Point(element.ActualWidth, element.ActualHeight), visual));
    }

然后，我找到中心到中心线与边界框四个边中每一个的交点，并使用该交点通过 a 连接两个元素线条形状。

我在Third Party Ninjas找到了交叉点代码：
http://thirdpartyninjas.com/blog/2008/10/07/线段交点/

private void ProcessIntersection()
    {
        float ua = (point4.X - point3.X) * (point1.Y - point3.Y) - (point4.Y - point3.Y) * (point1.X - point3.X);
        float ub = (point2.X - point1.X) * (point1.Y - point3.Y) - (point2.Y - point1.Y) * (point1.X - point3.X);
        float denominator = (point4.Y - point3.Y) * (point2.X - point1.X) - (point4.X - point3.X) * (point2.Y - point1.Y);

        intersection = coincident = false;

        if (Math.Abs(denominator) <= 0.00001f)
        {
            if (Math.Abs(ua) <= 0.00001f && Math.Abs(ub) <= 0.00001f)
            {
                intersection = coincident = true;
                intersectionPoint = (point1 + point2) / 2;
            }
        }
        else
        {
            ua /= denominator;
            ub /= denominator;

            if (ua >= 0 && ua <= 1 && ub >= 0 && ub <= 1)
            {
                intersection = true;
                intersectionPoint.X = point1.X + ua * (point2.X - point1.X);
                intersectionPoint.Y = point1.Y + ua * (point2.Y - point1.Y);
            }
        }
    }

瞧！现在绘制的线就好像它们从每个节点的中心到另一个节点一样，但大约停在节点的边缘，因此箭头末端可见。

此方法的改进是针对节点本身的实际边缘（例如椭圆节点）进行测试，但我尚未找到一种 WPF 方法，该方法可为我提供可以测试的几何图形或路径。