gojs图片位置问题

最新推荐文章于 2025-06-03 10:23:47 发布

原创最新推荐文章于 2025-06-03 10:23:47 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

项目代码段专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在项目中使用GoJS进行流程图绘制的体验，强调了GoJS的跨平台兼容性。针对图片位置问题，文章提供了解决方案，并提及去除GoJS水印的方法，建议支持正版。同时，作者邀请读者访问其个人网站获取更多技术文章和资讯。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、最近项目里面需要画流程图，网上找了gojs这个东西，不得不说很强大，web和手机都能够使用

二、这里记一下图片位置的问题，

me.myDiagram = myDiagram;
myDiagram.nodeTemplateMap.add("",  // the default category
    $(go.Node, "Spot", me.nodeStyle(),
        // the main object is a Panel that surrounds a TextBlock with a rectangular Shape
        $(go.Panel, "Auto",
            //$("Panel","Horizontal", //水平布局，图片在左，文字在右
            $("Panel","Vertical",   //垂直布局，图片在上，文字在下
                {
                    name: "partbutton",
                    click: function (e, port) {
                        if (port.partName)
                            lb.addPartToWorkPanel(port.partName);
                        //console.log('partName:' + port.partName);
                    },
                },
                new go.Binding("partName", "partName")
                ,
                $(go.Picture,
                    { margin:1, width: 20, height: 20,background:"orange" },
                    new go.Binding("source","icon")),
                $(go.TextBlock,
                    {
                        font: "15pt Helvetica, Arial, sans-serif",
                        margin: 5,
                        stroke: 'black',
                        //maxSize: new go.Size(160, NaN)
                        mouseEnter: function(e, obj) {obj.stroke = 'dodgerblue'; },
                        mouseLeave: function(e, obj) {obj.stroke = 'black'; }
                    },
                    new go.Binding("text", "text"))
            )/*,
             $(go.Shape, "Rectangle",
             {fill: "#00A9C9", stroke: null},
             new go.Binding("figure", "figure"))
             */
        )

三、关于去除水印问题，可以再网上直接下载go.js源码，或者去里面吧水印的地方注释掉，当然可以的话支持正版还是好的。

也欢迎登录我的个人网站，里面有更多的文章及技术咨询在等你：http://www.guangmuhua.com