![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
zdluoa
这个作者很懒,什么都没留下…
展开
-
canvas实现扫描动画
1、扫描效果 2、技术选型 1) CSS3 使用两个元素,通过移动遮罩元素来实现圆面积变小(圆使用border-radius:50%可以实现) 问题:通过这个遮罩元素实现圆面积变化,无法实现透明,会遮住底部背景 2) canvas绘制动画,通过使用requestAnimationFrame绘制动画 问题: a.圆面积会变化 b....原创 2018-06-05 16:11:22 · 3713 阅读 · 0 评论 -
离屏canvas
1、概念 离屏canvas是在内存中创建一个canvas元素,未通过dom操作显示到页面上去2、场景 1、用于需频繁调用canvas API 2、底部背景(canvas绘制的)不需要改变的3、用法 1、创建一个canvas元素 2、绘制所需图形 3、通过canvas API drawImage方法绘制到页面canvas上去显示4、代码展示5、优点 1、提供...原创 2018-06-07 10:39:04 · 5088 阅读 · 0 评论