查看: 1199|回复: 9
收起左侧

[综合教程经验] HMI分享:画布3

Slimming 2021-11-5 14:44:26 | 显示全部楼层 |阅读模式
邀请回答

马上注册,享受更多特权

您需要 登录 才可以下载或查看,没有帐号?立即注册   

x
本帖最后由 Slimming 于 2022-3-4 14:52 编辑

分享一个用画布实现的曲线监控功能,可对当前曲线进行移动和缩放。HMI画布中可用canvas的tranform命令对坐标轴进行移动和缩放,然后通过数据的连接记录进行曲线绘制,可实现曲线图的缩放移动等功能。
transform()方法可以同时缩放、旋转、移动和倾斜当前的上下文环境。
context.transform(a, b, c, d, e, f);
参数说明:
a:水平缩放绘图。
b:水平倾斜绘图。
c:垂直倾斜绘图。
d:垂直缩放绘图。
e:水平移动绘图。
f:垂直移动绘图。

image.png image.png

实现效果见下方视频。





画布-曲线监控.mp4

1.07 MB, 下载次数: 100





上一篇:7000系列触摸屏如何通过按钮选择对话框
下一篇:[软件BUG反馈]HMI设置全局样式会影响到InoTouchPad软件UI样式

已有 0 人打赏作者

回复 邀请回答送花

使用道具 举报

zhou234 2022-7-8 07:55:08 | 显示全部楼层
感谢分享 image.png image.png image.png image.png image.png
回复 送花

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册   

本版积分规则

有技术问题,就上汇川技术社区

INOVANCE汇川技术 公众号

扫码下载掌上汇川APP

全国服务热线:8:30-17:30

4000-300124

苏州地址:江苏省苏州市吴中区越溪友翔路16号

深圳地址:深圳市龙华新区观澜街道高新技术产业园汇川技术总部大厦

Copyright © 2003-2100 汇川技术 Powered by Discuz! X3.4 ( 苏ICP备12002088号 )
快速回复 返回列表 返回顶部