Gojs鼠标移入改变连线的样式

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yj6232779/article/details/88393167

Gojs鼠标移入改变连线的样式

gojs鼠标移入连线时改变连线样式

首先是添加线的移入事件。如:

diagram.linkTemplate =
        $g(go.Link,//go.Link,
            { curve: go.Link.Bezier },  // Bezier curve
            { mouseEnter:linkMouseEnter },//线的鼠标移入事件
            $g(go.Shape,
                { margin:100,name:"changecolor",},
                new go.Binding("stroke", "color")),
            $g(go.Shape, { toArrow: "OpenTriangle",stroke:"red"}),
            $g(go.TextBlock,  // the label text
                { textAlign: "center",
                    font: "10px helvetica, arial, sans-serif",
                    stroke: "#555555",
                    margin:0 },
                new go.Binding("text", "text"))
        );

事件方法,如:
function linkMouseEnter(e,link) {
console.log(“鼠标移入了到连线了”)
console.log(link)
link.findObject(“changecolor”).stroke = “green”;
// console.log(link)
}
找到连线的方法主要是用 link.findObject(),需要注意的是,在用link.findObject方法必须要在配置link时加上name:“名字”,name属性值随意取。

效果如下:
鼠标移入前
在这里插入图片描述
鼠标移入后
在这里插入图片描述我也是官方搜了很久都没有搜到。随便找的方法试出来的。如果有帮助请支持一下

展开阅读全文

没有更多推荐了,返回首页