HT for Web 实现拓扑图、组态图等2d，3d效果

最新推荐文章于 2024-06-25 14:43:00 发布
最新推荐文章于 2024-06-25 14:43:00 发布
阅读量6.5k 收藏 4
点赞数
分类专栏： 前台
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zziamalei/article/details/79131318
版权

构建先进2D和3D可视化所需要的一切，例子

http://www.hightopo.com/demos/index.html

zziamalei
关注
专栏目录
html5开源组态,HT for Web基于HTML5的图像操作（一）
weixin_29969209的博客
06-09 2463
HT for Web独创的矢量图片设计架构，使其具有强大丰富的动态图形呈现能力，但从最近知乎热议的“Adobe Photoshop 是否已经过时？”的话题，大家能体会到很多情况下实际项目不可能完全采用矢量，项目中还是有大量的传统非矢量的静态图片，毕竟工具强大且现有资源丰富，但为了使静态图片呈现出更多的动态效果，HT for Web提供了较多渲染方式，例如对HT for Web的图元设置‘body....
图扑软件 3D 组态编辑器，低代码零代码构建数字孪生工厂
qq_28404179的博客
11-08 835
图扑软件曾以SMT生产流水线为例，运用丰富的三维组态和UI组态进行可视化数字孪生，搭建SMT工艺流程监控管理可视化系统。
图扑 HT for Web 风格属性手册教程
HT for Web 3D
10-12 296
风格手册可以帮助开发人员在样式设定过程中快速查找所需属性，并了解其用途和影响范围。通过风格手册，开发人员可以更加高效地调整图元的样式，减少查找和理解样式属性的工作量。
一文读懂，web组态
最新发布
byzt_web的博客
06-25 783
web组态，顾名思义，是基于web技术的组态系统。它采用B/S架构，用户通过浏览器即可实现对设备的远程监控和管理。web组态技术将传统的组态软件与现代web技术相结合，使得用户可以在任何时间、任何地点，只要有网络，就能对工业设备进行监控和管理。
HT for Web - Box2d
05-14
一直在找苦苦寻找一个Box2D的物理引擎javascript整合例子，发现 http://www.hightopo.com/blog/275.html 这篇文章的例子效果非常棒，通过HT for Web的3D引擎直观的呈现Box2D物理碰撞的实时运行效果，这么强大的3D物理碰撞效果居然只有几十行代码，非常适合Box2D初学者入门直观的学习和测试，不敢私藏这么好的例子，0资源分拿来和大家分享，希望能帮助到些同学
百度地图、ECharts整合HT for Web网络拓扑图应用
HT for Web 3D
03-23 4919
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用。
echarts拓扑图_ECharts整合HT for Web的网络拓扑图应用
weixin_39887961的博客
11-21 287
ECharts图形组件在1.0发布的时候我就已经有所关注，今天在做项目的时候遇到了图标的需求，在HT for Web上也有图形组件的功能，但是在尝试了下具体实现后，发现HT for Web的图形组件是以矢量的格式来呈现的，在展现上可以有很多的自定义和数据绑定等特性，但是其在交互的设计上就显得比较弱势。因此我就在想，是否可在项目中将ECharts图形组件代替HT for Web的图形组件呢，在对EC...
基于 HTML5 WebGL 的 3D 网络拓扑图
weixin_33939380的博客
06-30 715
　　在数据量很大的2D 场景下，要找到具体的模型比较困难，并且只能显示出模型的的某一部分，显示也不够直观，这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模，Unity 3D 引擎做图形渲染等，这对用户来说都是挑战！不过，HT 一站式的提供了从建模到渲染，包括和 2D 组件呈现和数据融合的一站式解决方案。H...
快速开发基于 HTML5 网络拓扑图应用--入门篇（四）
01-18
上回我们用 ht.widget.BorderPane 面板组件替代了 ht.widget.SplitView 分割组件将界面分成左中右三个部分，并且添加了属性组件 ht.widget.PropertyView，并通过 propertyView.addProperties 向组件中添加属性。这回我们来试着向这个界面上添加工具条组件 ht.widget.Toolbar。 HT for Web 提供了工具条组件类 ht.widget.Toolbar，工具条上的元素可为原生的 html 元素， 也支持 ht 提供的如 ht-form.js 的表单插件中的组件，并内置提供了按钮、单选按钮、复选框等组件。
html5 svg组态图,绘制SVG内容到Canvas的HTML5应用
weixin_39830588的博客
06-20 3503
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接...
Web SCADA 电力接线图工控组态编辑器
HT for Web 3D
04-16 4267
前言SVG并非仅仅是一种图像格式， 由于它是一种基于XML的语言，也就意味着它继承了XML的跨平台性和可扩展性，从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中，而SVG文档中也可以嵌入其他的XML内容，各个不同的SVG图形可以方便地组合， 构成新的SVG图形。这个 Demo 运用的技术基于 HTML5 的技术适应了只能电网调度、配电网运行监控与配电网运维管控，通过移动终端实...
HT for Web 入门手册
08-02
HT for Web是基于HTML5标准的企业应用图形界面一站式解决方案， 其包含通用组件、拓扑组件和3D渲染引擎等丰富的图形界面开发类库，提供了完全基于HTML5的矢量编辑器、拓扑编辑器及 3D场景编辑器等多套可视化设计工具，和完善的类库开发手册、工具使用手册、及针对HTML5技术如何进行大规模团队开发的客户深度培训手册。
html组态插件_基于 HTML5 Canvas 的 Web SCADA 组态电机控制面板
weixin_34271294的博客
01-13 577
前言HT For Web 提供完整的基于 HTML5 图形界面组件库。您可以轻松构建现代化的，跨桌面和移动终端的企业应用，无需担忧跨平台兼容性，及触屏手势交互等棘手问题。也可用于快速创建和部署，高度可定制化，并具有强大交互功能的拓扑图形及表盘图表等应用。HT for Web 非常适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工业自动化 ( HMI / SCADA ...
HT for Web基于HTML5的图像操作（二）
weixin_33827590的博客
11-22 181
为什么80%的码农都做不了架构师？>>> ...
二维流动的实现 ht forweb
weixin_40693810的博客
02-22 513
文章地址 https://blog.csdn.net/qq_40921880/article/details/87878251
分享数百个 HT 工业互联网 2D 3D 可视化应用案例之 2019
HT for Web 3D
02-17 2596
继《分享数百个 HT 工业互联网 2D 3D 可视化应用案例》2018 篇，图扑软件定义 2018 为国内工业互联网可视化的元年后，2019 年里我们与各行业客户进行了更深度合作，拓展了HT for Web在更多新领域的应用，图扑软件作为在工业可视化领域的一线重度参与者，我们觉得有必要将该话题作为系列文章，在此对 2019 年做个总结回顾和分享，依然希望：激发行业和学术工作者对可视化的深度思...
基于HT for Web 3D呈现Box2DJS物理引擎
weixin_34162695的博客
11-25 207
为什么80%的码农都做不了架构师？>>> ...
HT for Web基于HTML5的图像操作（三）
weixin_34354173的博客
11-23 150
上篇采用了HTML5的Canvas的globalCompositeOperation属性达到了染色效果，其实CSS也提供了一些常规图像变化的设置参数，关于CSS的过滤器Filter设置可参考 http://www.html5rocks.com/en/tutorials/filters/understanding-css/，CSS的设置的确很方便，不需要我们了解底层实现逻辑，仅需要提供简单的设置参数...
ht for web(图扑)加载模型
qq_42413917的博客
09-25 1493
@[TOC](ht for web(图扑)加载模型) 代码加注释 ht.Default.loadObj('model/demo.obj', 'model/demo.mtl', { cube: true, center: true, prefix: 'model/',//贴图素材位置 reverseFlipMtls:"*",//反面贴图和正面一样 shape3d: "demo",//模型名
visio-微立体3d网络拓扑图(斜线)
08-02
Visio是一款功能强大的图形绘制工具，可以用于创建各种类型的图表和图形，包括网络拓扑图。微立体3D网络拓扑图是指在绘制网络拓扑图时，使用了微立体和3D效果来增强图表的可视化效果，使其更加生动且有层次感。 在Visio中创建微立体3D网络拓扑图非常简单。首先，打开Visio并选择“网络”模板类型。然后，在“网络”模板库中选择一个合适的模板，如“网络拓扑图模板”。 接下来，在绘制网络拓扑图时，可以使用斜线来表示连接线路或数据传输的路径。通过在Visio中选择适当的线条工具，并将线条绘制为斜线，可以有效地表示网络拓扑中的连接。 为了实现微立体和3D效果，可以在Visio中使用阴影、渐变和透视等工具。通过在绘图元素上应用合适的阴影效果，可以让图表看起来更加立体和有层次感。此外，利用渐变填充可以给图表中不同部分的元素以深浅不一的颜色效果，进一步增强图表的立体感。同时，通过重叠和透明度的调整，可以模拟出不同元素在三维空间中的位置和距离感。 最后，完成微立体3D网络拓扑图后，可以根据需要添加文字和图标等元素来标注和解释各部分内容。Visio提供了丰富的字体和图标库，可以根据实际情况进行选择和调整。 总而言之，利用Visio的强大功能，我们可以轻松创建微立体3D网络拓扑图，通过斜线、阴影、渐变和透视等效果的应用，为图表增添立体感和层次感，使得网络拓扑更加直观和易于理解。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值