为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery或Canvas积分显示效果思路求解

jQuery或Canvas积分显示效果思路求解

宝慕林4294392 2018-11-08 10:14:38
如图所示的信用积分100是通过Angular.js进行数据绑定的,现在我需要在信用积分页面用jQuery或Canvas做一个特效,用户的起始信用是100,白色的小圆圈在最右边,随后用户的信用分会在100分以上做增减,大于100分的时候,图片没有变化,当小于100分的时候,白色小圆圈就会逆时针移动举个例子,当用户信用分为50的时候,白色的小圆圈在半圆的正中间,左边1/2圈仍旧为白色,右边1/2显示其他颜色效果;当用户信用分为75的时候,白色的小圆圈在半圆右边3/4圈位置处,左边3/4圈仍旧为白色,右边1/4显示其他颜色效果;也就是说圆圈颜色的变化是会随着我绑定的信用积分的变化而变化。请问下,如果我想做出这种特效,改用jQuer还是Canvas动画来实现,没有思路,能否给出些思路应该如何来实现以上特效.(有其他技术的实现方式也可以,或者有类似的插件更好,在苦逼的被催着赶项目,deadline很紧,交互这块真的没精力多管,一个人负责一款app的前端,忙着和后台接口)
查看完整描述

1 回答

?
慕娘9325324

TA贡献1783条经验 获得超4个赞

把高中数学书拿出来,把sin cos 这些内容重新捡起来,再加上相关函数,应该就可以解决了,嘿嘿


查看完整回答
反对 回复 2018-12-10
  • 1 回答
  • 0 关注
  • 438 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号