最近在准备开发工作流引擎相关模块，完成表结构设计后开始着手流程设计器的技术选型，调研了众多开源项目后决定基于jsplumb.js开源库进行自研开发，保证定制化的便捷性，相关效果图及项目地址如下
前言 SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合， 构成新的SVG图形。这个 Demo 运用的技术基于 HTML5 的技术适应了只能电网调度、配电网运行监控与配电网运维管控，通过移动终端实现 Web SCADA 账上运维的时代需求。由于传统电力行业 CS 桌面监控系统一直到新一代 Web 和移动终
前言 通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用，形成的效果可以用来作为电信资源管理系统，美食定位分享软件，片区找房，绘制铁轨线路等等，各个领域都能
我进入项目组后参加了第一次项目会议，在会议上项目经理为每个项目成员都分配了任务，我的任务是使用GoJS实现一个拖拽效果，这也是我第一次听说GoJS，在网上查阅相关的资源后发现GoJS的资料比较少，而且绝大多数资源都是英文的，这也为我学习及使用这个框架带来了不小的困难，好在项目经理看出这块做起来比较难后来又加了一个人，现在这块由我和一个同事两个人共同开发。
由于项目其前端框架主要用iview，项目组缺乏有angular.js开发经验的伙伴，又因为工期原因，没法空出多余时间进行angular研究，因此后面采用的后端保存校验的方式，本文主要介绍以后端保存校验
开源项目是众多组织与个人分享的组件或项目，作者付出的心血我们是无法体会的，所以首先大家要心存感激、尊重。请严格遵守每个项目的开源协议后再使用。尊重知识产权，共建和谐开源社区。
不管在任何领域，只要能让非程序员能通过拖拽来实现 2D 和 3D 的设计图就是很牛的，今天我们不需要 3dMaxs 等设计软件，直接用 HT 就能自己写出一个 2D 3D 编辑器，实现这个功能我觉得成
iOS 是由苹果公司开发的移动操作系统 。苹果公司最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统（最初叫 iPhone runs OS X）。该系统最初是设计给 iPhone 使用的（所以后来曾命名为 iPhone OS），之后陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上（所以在 WWDC 2010 上最终宣布更名为 iOS）。
分享一个用原生JS实现的可拖拽照片墙，效果如下： 实现代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
基于流程图的场景：节点不会太多，加上节点都是静态图，没有太多动态渲染，那svg可能更适合，而且svg具备高保本，但是如果在大规模数据或图元的情况下请谨慎选择，毕竟性能会差些
自服务数据集可以通过简单的拖拽和可视化的操作，构建复杂的数据集，同时提供各种数据转换功能，轻松实现强大的数据处理。
本文的目的是实现类似于QQ消息提醒的气泡的拖拽效果。网上已有大神的实现效果是通过监听控件的OnTouchEvent事件的ACTION_DOWN,ACTION_MOVE,ACTION_UP事件来处理相应的拖拽效果，这里采用ViewDragHelper的方式去实现拖拽，顺便学习了一下ViewDragHelper的使用方式，拖拽时的粘连效果采用贝塞尔曲线来实现。
看起来挺简单的嘛，就把上面这几个问题解决了，就可以实现功能了；接下来我们一一解决。
拓扑结构在计算机网络设计和通信领域中非常重要，因为它描述了网络中的设备（即“点”）如何相互连接（即通过“线”）。这种结构不仅涉及物理布局，即物理拓扑，还可以涉及逻辑或虚拟的连接方式，即逻辑拓扑。
Add Player 最终的设计看上去像下面这样:#接第一部分: 原帖地址 简书地址
HTML5 原生的 Drag and Drop是很不错的功能，网上使用例子较多如 http://html5demos.com/drag ，但这些例子大部分没实际用途，本文将搞个有点使用价值的例子，通过
前端基于layui - vue后端为jfinal,各项功能还在完善，前端采用AES加密，传入后端解密进行验证验证通过后返回access_token存入useUserStore中。
HTML5的Drag and Drop是很不错的功能，网上使用例子较多如 http://html5demos.com/drag ，但这些例子大部分没实际用途，本文将搞个有点使用价值的例子，通过Drag
HTML5的Drag and Drop是很不错的功能，网上使用例子较多如 http://html5demos.com/drag ，但这些例子大部分没实际用途，本文将搞个有点使用价值的例子，通过Drag and Drop生成图片的Base64的字符串信息。 使用Base64方式的图片有诸多好处，可将多个图片信息整合到单个js文件避免多次http请求，可以避免WebGL例子跨域访问的安全限制无法本地文件运行等好处，当然弊端也不少例如不能有效利用浏览器图片缓存机制等。使用HT for Web的朋友会发现HT的例子
在《HT for Web整合OpenLayers实现GIS地图应用》篇中介绍了HT for Web与OpenLayers的整合，不少朋友反应国内用得比较多的还是百度地图，虽然HT整合百度地图原理与Op
STNodeEditor 是一个轻量且功能强大的节点编辑器 使用方式非常简洁 提供了丰富的属性以及事件可以非常方便的完成节点之间数据的交互及通知 大量的虚函数可供开发者重写具有很高的自由性。
本文介绍了HT for Web在软件研发中的拓扑图组件在研发管理、团队协作、自动化部署、监控告警等方面的应用，并提供了丰富的案例和解决方案。
HT 是啥：Everything you need to create cutting-edge 2D and 3D visualization. 这口号是当年心目中的产品方向，接着就朝这个方向慢慢打磨，如今 HT 算是达到了这样的效果，谈不上用尽洪荒之力，但我们对产品结果很满意，特别是 HT 的用户手册，将例子和文档无缝融合一体，小小 10 来兆开发包居然包含了四十五份手册，数百个活生生的 HTML5 例子，还没体验过的同学可以点击 http://www.hightopo.com/guide/readme
本文主要介绍了如何使用 HTML5 的 SVG 元素和 JavaScript 来实现网络拓扑图的动态交互效果。首先介绍了基于 SVG 的图形元素，然后讲述了如何利用 JavaScript 来控制 SVG 元素的样式、位置、大小、颜色等属性，最后通过一个具体的案例演示了如何使用这些技术实现网络拓扑图的动态交互效果。
采用 HT 开发网络拓扑图非常容易，例如《入门手册》的第一个小例子麻雀虽小五脏俱全：http://www.hightopo.com/guide/guide/core/beginners/example
在实现了几个针对gym的基础场景的强化学习模型后，我们想要在atari的游戏中试试身手，借助Deep Network Designer，可以方便地设计、修改、观察深度学习神经网络模型。
hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，今天继续分享一下最近开源的 Next-Admin 项目的最新更新。
西门子发布了TIA V17，其中STEP7软件编程语言增加了CEM和CFC引得工程师们兴致勃勃，其中对CFC的讨论最为激烈，今天专门为大家来解读TIA V17的一些CFC功能。
最近和一家公司在谈一个项目合作,他们公司主要是做电力相关的。 项目背景大概是这样的： 国家电网对电网资产需要做到数字化管理，对现有变压器台区内的电表箱电能表做可视化数字孪生管理。 由于涉及到的台区非常多，所以客户希望开发的不是单个项目，而是可以实现项目的3D编辑器，使得电网的台区经理使用编辑器编辑出所负责的变压器台区的设备关系场景及数据状态展示。
继上次的 Bpmn.js 进阶指南（万字长文） 之后，我相信大家对 Bpmn.js 的使用和自定义方法都有了一定的了解。但是因为有小伙伴反应文章太长，导致大家看完需要很长时间，正好配合 8月的更文活动，以后都在每篇文章中单独讲解一到三个小内容。
Leangoo企业版新增「时间线视图」，通过「时间线视图」你可以在项目管理中非常直观的了解每个人的工作分配及各个任务的排期，方便及时调整计划，确保项目顺利推进。
这次把关系图、弦图、树图、矩形树图、旭日图在线生成工具一把子更新了，操作流程和桑基图一致。
Visio是一个强大的图形化工具，用于创建各种类型的图表和流程图。它可以帮助用户更好地理解各种复杂的概念和过程，也可以帮助用户更好地组织自己的想法和计划。
GoJs 是一个 JavaScript 和 typescript 库，用于构建交互式图表，可以轻易的实现日常开发中所需要的各种示意图、结构图、组织图、流程图、状态图、思维导图、树状图等。
E-R图又称实体关系图，是一种提供了实体，属性和联系的方法，用来描述现实世界的概念模型。通俗点讲就是，当我们理解了实际问题的需求之后，需要用一种方法来表示这种需求，概念模型就是用来描述这种需求。
本节我们将介绍新浪微博宫格验证码的识别。微博宫格验证码是一种新型交互式验证码，每个宫格之间会有一条指示连线，指示了应该的滑动轨迹。我们要按照滑动轨迹依次从起始宫格滑动到终止宫格，才可以完成验证，如下图
第三节 初识Node-RED 开发环境简介 如图8所示，整个浏览器窗口被划分为四个部分： (1) 顶部黑色通栏，左侧显示Node-RED的LOGO，右侧显著位置为部署按钮，部署按钮的右侧（三条横线）为系统菜单按钮。 (2) 黑色通栏下方划分为左中右三个区域： a) 左侧为节点分组区：开发工具中的全部可用节点都在此处，并按类别分组存放，共有七个分组：输入、输出、功能、社交、存储、分析及高级。 b) 中间部分为工作区，可以从左侧选择任何一个节点，将其拖入到工作区。 c) 右侧为信息显示区，分为上下两部分。上部共
随着互联网的快速发展，越来越多的云建站平台快速崛起，不可避免的就是自定义可视化设计，如何不通过开发就能够简单快速的搭出一个可用的页面就成了大家头痛的问题，但是从零开始开发设计一套可视化设计功能并不是一个简单的事情，还好有很多开源的可视化设计项目/组件可以供我们使用，今天我们就来看看这些开源可视化设计项目。
在工作中，我们有时候会遇到这种情况。老系统或其他系统使用的数oracle数据库，现在使用新系统，需要使用mysql数据库。但是之前数据也要迁移过来。那么这种请求下怎么办呢？我们可以使用kettle来进行数据迁移。
在上一篇文章《用友开发者中心应用构建实践指引！》中，我们完成了应聘人员信息登记的配置，实现了面试者提交应聘信息，面试官进行评分的功能，本篇希望实现在面试信息审批通过后自动提交信息至 HR 生成入职申请单的功能。
https://www.zhihu.com/zvideo/1380450791975731200
好多天前，领导让我实现一个树形图拖拽插件，这个插件用来描述各部门领导与员工之间的关系，每个父节点显示其子结点数量，拖拽任意一个叶结点上的人到另一个结点，他们之间的关系发生改变，树形图重新渲染。用户操作都完成后，点击保存根据树形图生成JSON，将JSON发送给后端，后端根据JSON修改数据库中的人员对应关系。
https://bbs.csdn.net/topics/603957384 您好，我是csdn-尔嵘，正在参加2021年度博客之星，希望投个五星，感谢大家的支持，谢谢您的支持！
Process builder是Delmia Apriso中主要的业务流程管理工具，也是DELMIA更广泛的Apriso制造运营管理解决方案的核心应用程序，Process Builder允许使用屏幕流管理设计方法和实体（如项目、屏幕、布局、视图和操作（函数））创作用户界面和业务逻辑。该应用程序能够快速方便地管理和修改开发的设计，使您能够根据需要随时更改业务流程。由于增强了对可重用性的支持，以前开发的逻辑可以在新的设计中快速重用。
Sankey Diagram, 也叫做桑基图，是一种展示数据流的可视化方式，一张典型的桑基图示例如下
不过我们可以利用一些小技巧让画布具有被拖拽的能力，fabric.js 官网也提供了一个 demo ，但文档上并没有详细的讲解拖拽画布的实现原理。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
