【笔记分享列表】
来自 creater
创建于: 12月05日
canvas的学习中遇到一个问题,画笔是全局设置的,目前知道的方式是只能通过save()和restore()的运用实现画笔配置重置。

现在的需求是要通过requestAnimationFrame绘制一个表盘刻度动画(不包括表盘),想法是动画函数中表盘不重绘,只重绘刻度。但是因为需求的关系在动画函数中用到了save和restore。并且表盘绘制方法也用到了save和restore。

于是由于requestAnimationFrame的异步和js的单线程执行的关系出现了save和restore不可预见的配对现象。

经过一番探究得到的最终方案有两个,一个是只能在requestAnimationFrame中使用save和restore。另一个是使用canvas分层。

显然这个效果用canvas分层解决更合理

canvas分层的具体实现方式可以查看《附件一》文章的讲解
来自 creater
创建于: 12月05日
canvas的学习中发现一个现象就是绘制的图形非常模糊,在移动端尤为严重。

最终找到的解决办法是《附件一》文章所说的这种

使用这种方式如果是针对动画的也要注意上一个笔记save()和restore()的问题


Add Pagination
Add Navigation