老师，请问如何实现进度条？

来源：4-26 【拓展内容】项目结构设计详解

Mr隆ly

2020-01-29

如果想加一个进度条功能，给如何加呢？有没有相关的组件？（不用cocos2d的话）

写回答

1回答

傅猿猿

2020-02-01

因为是在canvas里面，所以并不存在dom之类的操作，完全需要去画出来。实现，在canvas里画一个长条，说白了就是个矩形。只不过是空心的。而进度其实是另外一个矩形，实心的，和上一个矩形重合。然后就简单啦，根据事件或者时间，不断的重新绘制第二个矩形，让它的最右侧x坐标不断增加，但不要超过第一个矩形最右侧的x坐标

微信小游戏入门与实战，一天之内搞定微信小游戏开发

官方同步，第一时间掌握整套微信小游戏开发核心技术

3515 学习 · 664 问题

查看课程

相似问题

关闭小游戏，重新打开，出现黑屏？（大神速进）

回答 1

老师，我毕设老师说这个看着太简单了，要我加大难度，有什么可以建议的吗，现在一头懵啊

回答 3

webstorm哪里有破解版

回答 2

老师，怎么在微信小游戏上实现双人联机对战的功能

回答 1

百度了一下，大家都说双操作系统没什么特别的影响，麻烦老师能详细说一下呢

回答 1

打开慕课网App查看更多内容