当前位置: 首页 > 科技观察

HarmonyOSCanvas实现时钟

时间:2023-03-13 21:21:29 科技观察

想了解更多开源请访问:51CTO开源基础软件社区https://ost.51cto.com前言最近学习HarmonyOS的事情,在网上看了很多canvas实现的时钟,现在也写一个关于HarmonyOS的时钟。项目描述工具版本:DevEcoStudio3.0Beta3SDK版本;3.1.5.5主要用到的知识:canvasjs效果展示实现步骤1.在页面index.hml中定义一个canvas元素{this.ctx.clearRect(0,0,600,600);//删除指定区域的绘图内容。this.updateClock(this.ctx)},1000)},总结:以上就是在canvas上画时钟的全部步骤。最重要的一点是能够获取到正确的时间(北京时间),但是我发现小编上newDate()到达的时间和我们北京时间差了八个小时,经过同事才知道提示我获取的时间是格林威治标准时间,所以我们需要将这个格林威治标准时间转换成北京时间。在网上找了一个转换方法,终于转换成功了。了解更多开源信息,请访问:51CTO开源基础软件社区https://ost.51cto.com。