博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2011年12月8日

HTML5 Canvas之图片引用

摘要： https://developer.mozilla.org/cn/Canvas_tutorial/Using_images#drawImage_.E7.A4.BA.E4.BE.8B_1 图片应用的方式 １.　引用页面内的图片 我们可以通过 document.images 集合、document.getElementsByTagName 方法又或者 document.getElementById... 阅读全文

posted @ 2011-12-08 21:02 zhangweia 阅读(6047) 评论(1) 推荐(0) 编辑

HTML5 :Canvas之基本用法

摘要： 1. 标签<canvas id="tutorial" width="150" height="150"></canvas>canvas：本身相当于我们游戏开中所说的画布，默认是width 300 height 150带2个属性： width ：制定画布的宽 height：制定画布的高id： 是html中每个标签自带的属性2. 渲染上下文（Rendering Context） <canv... 阅读全文

posted @ 2011-12-08 19:52 zhangweia 阅读(1287) 评论(0) 推荐(0) 编辑

HTML5：canvas之绘制图形

摘要： https://developer.mozilla.org/cn/Canvas_tutorial/Drawing_shapes 1 绘制矩形fillRect(x,y,width,height) : Draws a filled rectanglestrokeRect(x,y,width,height) : Draws a rectangular outlineclearRect(x,y,width... 阅读全文

posted @ 2011-12-08 19:51 zhangweia 阅读(418) 评论(0) 推荐(0) 编辑