没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:杨鹏连|2020-10-30 16:33:18.417|阅读 423 次
概述:从2.0版本开始,GoJS可以用于没有DOM的上下文中,例如Node.js。本文介绍了如何将GoJS与Node.js结合使用。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
GoJS是一款功能强大,快速且轻量级的流程图控件,可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图,且极大地简化您的JavaScript / Canvas 程序。
从2.0版本开始,GoJS可以用于没有DOM的上下文中,例如Node.js。但是,有一些注意事项:
Node.js示例
如果将以下JavaScript另存为nodescript.js,并与节点(node nodescript.js)一起运行,它将在控制台中输出Model JSON结果,其中包括布局节点的位置。您可以通过这种方式使用Node.js进行大型布局之类的服务器端操作,然后将JSON发送给客户端。
// nodescript.js // This example loads the GoJS library, creates a Diagram with a layout and prints the JSON results. // Load GoJS. This assumes using require and CommonJS: const go = require("gojs"); const $ = go.GraphObject.make; // for conciseness in defining templates const myDiagram = $(go.Diagram, '', // No DOM, so there can be no DIV! { viewSize: new go.Size(400,400), // Set this property in DOM-less environments layout: $(go.LayeredDigraphLayout) }); myDiagram.nodeTemplate = $(go.Node, 'Auto', // specify the size of the node rather than measuring the size of the text { width: 80, height: 40 }, // automatically save the Node.location to the node's data object new go.Binding('location', 'loc', go.Point.parse).makeTwoWay(go.Point.stringify), $(go.Shape, 'RoundedRectangle', { strokeWidth: 0}, new go.Binding('fill', 'color')), $(go.TextBlock, new go.Binding('text', 'key')) ); // After the layout, output results: myDiagram.addDiagramListener('InitialLayoutCompleted', function() { console.log(myDiagram.model.toJson()); }); // load a model: myDiagram.model = new go.GraphLinksModel( [ { key: 'Alpha', color: 'lightblue' }, { key: 'Beta', color: 'orange' }, { key: 'Gamma', color: 'lightgreen' }, { key: 'Delta', color: 'pink' } ], [ { from: 'Alpha', to: 'Beta' }, { from: 'Alpha', to: 'Gamma' }, { from: 'Gamma', to: 'Delta' }, { from: 'Delta', to: 'Alpha' } ]);另外,如果您的代码另存为nodescript.mjs或项目为"type": "module",则可以将GoJS用作ES6模块:
// nodescript.mjs // This example loads the GoJS library, creates a Diagram with a layout and prints the JSON results. // Load GoJS. This assumes using import and ES6 modules: import * as go from "gojs/release/go.mjs"; const $ = go.GraphObject.make; . . .
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:Northwoods本文主要介绍DevExpress WPF Grid控件中网格视图数据布局中的紧凑模式,欢迎下载最新版组件体验!
图像通常包含有价值的文本,但从JPG等格式中提取文本并非易事。本文将学习如何使用 Python 提取 JPG 文本。无论您是要自动化文档处理还是数字化印刷材料,此解决方案都能快速准确地为您提供结果。
Parasoft SOAtest 作为一款专业的服务级测试工具,不仅支持广泛的接口和 UI 测试能力,还能够与 Jenkins、Docker 等主流 CI 工具链无缝集成,帮助团队搭建稳定、高效、易于维护的测试自动化体系。
Aspose.Imaging for .NET是一款深受 .NET 开发人员喜爱的图像处理 SDK,因为它灵活且易于开发人员使用。本教程将演示如何借助Aspose.Imaging for .NET在 C# 中无缝地将SVG转换为EMF。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号