html5
关注
分享
扫一扫
文章平均质量分 65
wupiaopiao_123
向着成为前端大牛前进
展开
-
canvas 简易时钟
学习《HTML5 Canvas核心技术 图形、动画与游戏开发》笔记一 1. 完成一个如下图所示的时钟绘制，要用到的canvas 绘图 API 方法有： arc() , moveTo() , lineTo(), stroke(), fill(), beginPath(), clearRect().<!doctype html><html><head><meta content="t原创 2016-06-17 17:49:12 · 447 阅读 · 0 评论 -
canvas — 非零环绕规则
学习 《HTML5 Canvas 核心技术图形、动画与游戏开发》笔记 二：“非零环绕规则” 实现如下圆环效果：canvas 中可通过 beginPath() 来开始一段新的路径，如果当前路径是循环的，或者包含多个相交的子路径时，当fill()方法被调用时，canvas 绘图环境变量就会判断，应该如何对当前路径进行填充。canvas在填充那种互相有交叉的路径时，使用"非零环绕原创 2016-06-24 10:19:16 · 1266 阅读 · 0 评论 -
requestAnimationFrame 实现更流畅，高效的动画效果
学习笔记：requestAnimationFrame()requestAnimationFrame() 是浏览器提供的一个统一帧管理、提供监听帧的API。这个方法原理跟setTimeout/setInterval差不多，setTimeout/setInterval都是要指定好间隔时间，而requestAnimationFrame 在运行时，浏览器会自动检测性能，实现最优的动画帧频率。原创 2016-06-27 10:39:56 · 1038 阅读 · 0 评论