2017年4月11日
Canvas 图片绕边旋转的小动画
摘要： /** * 图片绕边旋转的小动画 */ function initDemo10() { var canvas = document.getElementById("demo10"); if (!canvas) { return; } var context = canvas.getContext("2d"); var img = new... 阅读全文
posted @ 2017-04-11 16:30 就只是小茗 阅读(588) 评论(0) 推荐(0) 编辑
Canvas 剪切图片
摘要： /** * 剪切图像 */ function initDemo8(){ var canvas = document.getElementById("demo8"); if (!canvas) return; var context = canvas.getContext("2d"); var img = new Image(); img.src = "... 阅读全文
posted @ 2017-04-11 13:36 就只是小茗 阅读(210) 评论(0) 推荐(0) 编辑
Canvas 图片平铺设置
摘要： /** * 图片平铺 */ function initDemo7(){ var canvas = document.getElementById("demo7"); if (!canvas) return; var context = canvas.getContext("2d"); var type = [ "no-repeat", // 不... 阅读全文
posted @ 2017-04-11 11:50 就只是小茗 阅读(1901) 评论(0) 推荐(0) 编辑
Canvas 给图形绘制阴影
摘要： /** * 图形绘制阴影 */ function initDemo6() { var canvas = document.getElementById("demo6"); if (!canvas) return; var context = canvas.getContext("2d"); context.fillStyle = "#02c9e5"; ... 阅读全文
posted @ 2017-04-11 11:13 就只是小茗 阅读(1080) 评论(0) 推荐(0) 编辑
Canvas 图形组合方式
摘要： /** * 图形组合 */ function initDemo5() { var canvas = document.getElementById("demo5"); if (!canvas) return; var context = canvas.getContext("2d"); var oprtns = [ "source-atop",... 阅读全文
posted @ 2017-04-11 10:55 就只是小茗 阅读(841) 评论(0) 推荐(0) 编辑