我有一个用于绘图的画布,并希望通过有向线(箭头末端)连接图中的节点.
我尝试了锚点方法,其中行只附加在节点上的特定点,但这对我不起作用,它看起来像垃圾.
我尝试了锚点方法,其中行只附加在节点上的特定点,但这对我不起作用,它看起来像垃圾.
我只想要从每个对象的中心到另一个对象的线,并在节点的边缘停止线,以便正确显示箭头.但是,找到测试交叉点的画布元素的边缘已经证明是困难的.
有任何想法吗？
解决方法
我有一个方法使用元素的边界框.它并不完美,因为我的元素不是完美的矩形,但看起来还不错.
基本上我在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));
}
然后,我找到中心线与边界框四边的每一边的交点,并使用该交点通过线形连接这两个元素.
我在Third Party Ninjas找到了交叉点代码：
http://thirdpartyninjas.com/blog/2008/10/07/line-segment-intersection/
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方法,它为我提供了我可以测试的几何或路径.
