随笔分类 -  canvas

拍照
摘要：拍照 阅读全文

posted @ 2017-12-26 18:00 ouruixi 阅读(150) 评论(0) 推荐(0)

FlappyBird模拟（不完整版本）
摘要：FlappyBird模拟（不完整版本） 准备材料 1. land地 2. sky天 3. pipe管道 4. bird小鸟 Land.js function Land(info) { this.x = info.x; this.canvas = info.canvas; this.context = 阅读全文

posted @ 2017-12-25 20:39 ouruixi 阅读(214) 评论(0) 推荐(0)

canvas动画简单操作
摘要：canvas动画 小球滚动效果 关键api： window.requestAnimationFrame(draw) 会递归调用draw函数，替代setInterval var x = 20; var speed = 4; //电脑的帧率是1秒钟60Hz， 就相当于一秒钟可以播放60张图片，就相当于播 阅读全文

posted @ 2017-12-25 20:04 ouruixi 阅读(9672) 评论(1) 推荐(0)

canvas的常用api
摘要：canvas 标签 不给宽高的话默认是300+150 怎么用 //拿到canvas var canvas = document.getElementById("canvas"); //创建画图工具 var context = canvas.getContext("2d"); 相关的api及用法 // 阅读全文

posted @ 2017-12-25 14:01 ouruixi 阅读(1506) 评论(0) 推荐(0)

导航