查看: 3238|回复: 21
收起左侧

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

Slimming 2021-10-28 19:04:12 | 显示全部楼层 |阅读模式
邀请回答

马上注册,享受更多特权

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

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

汇川触摸屏编程脚本为JavaScript,js语言中支持绘图画布canvas命令,下面分享一个动态时钟的画布程序。
此程序中主要用到
1.画线:moveTo(x,y),lineTo(x,y),stroke();
2.画圆:arc(x,y,r,sAngle,eAngle,counterclockwise);
3.填充:strokeStyle,fillStyle;
image.png


canvas功能用途较多,汇川脚本中不支持全部的命令,例如arcTo,fillText,strokeText等均不支持。画布相关命令功能可去网站搜索“canvas绘图”自主学习。





时钟.mp4

1.48 MB, 下载次数: 70

时钟动画

时钟画布.7z

442.62 KB, 下载次数: 94

HMI程序

评分

参与人数 1贡献 +1 收起 理由
菜鸟攻城狮 + 1

查看全部评分





上一篇:HMI变量列表与Modbus寄存器地址对应关系
下一篇:HMI分享:画布2

已有 0 人打赏作者

回复 邀请回答送花

使用道具 举报

Slimming 2021-10-29 10:10:09 | 显示全部楼层
image.png
不好意思各位,我用的HMI版本是V0.8.8.33-R(2021-10-8)的,版本低的下载后可能打不开,大家别下载,我今天会再出一个详细的教程,另外多附上几个程序
回复 送花

使用道具 举报

Slimming 2021-10-29 08:25:31 | 显示全部楼层
Parker 发表于 2021-10-29 07:57
又来一个骗水滴的

第一次发帖子,为什么说我是骗水滴呢?哪里没设置好吗?
回复 送花

使用道具 举报

Slimming 2021-10-29 10:06:07 | 显示全部楼层
zrhsd 发表于 2021-10-28 19:38
我是傻子才会花水滴买这个帖子

不好意思,我设置有问题,私信把相关资料发给你
回复 送花

使用道具 举报

Parker 2021-10-29 14:18:15 | 显示全部楼层
孙黎明 发表于 2021-10-29 08:25
第一次发帖子,为什么说我是骗水滴呢?哪里没设置好吗?

你设置20水滴有点贵。。。。
回复 送花

使用道具 举报

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

本版积分规则

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

INOVANCE汇川技术 公众号

扫码下载掌上汇川APP

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

4000-300124

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

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

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