1、1，添加事件监听，比如说，鼠标按下 做什么，滑动 做什么，弹起做什么一般鼠标事件都是判断弹起的位置 2，判断有效坐标，在事件中判断坐标位置是否在图片位置，也就是图片在canvas的位置exsome codecanvaswidth=400canvasheight=400var context2d = canvasgetContextquot2dquotvar img =new I；createElementquotcanvasquotmyCanvassetAttributequotwidthquot， screenavailWidthmyCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas两种方案的共性都是在把元素添加进DOM前设置他的大小 估计是没分了，给后人看吧。

2、ExplorerCanvas让IE8的浏览器支持canvas CSS3Pie让IE69支持borderradious，boxshadow，lineargradient可以使用htc文件注意Minetype或js文件在用Piejs时，boxradious的元素有背景色时，不显示背景色 formFive让旧的浏览器支持HTML5表单的一些特性，如placeholder，autofocus；Chartjs 是个简单的，面向对象的客户端图形库，用户可以用 6 中不同的方式来可视化数据每个方式都是动画效果的，完全自定义，而且看起来非常好看，即使在 retina 显示它使用 HTML5 canvas 元素，支持所有现代浏览器，并且支持 IE784 Aristochart Aristochart 是个高度自定义，灵活的折线；HTML5canvas元素用于图形的绘制，通过脚本 通常是JavaScript来完成canvas标签只是图形容器，您必须使用脚本来绘制图形你可以通过多种方法使用 canvas 绘制路径，盒圆字符以及添加图像2Canvas基本使用ltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quotstyle=quotborder1px solid #000000quotlt；回答我觉得html5是最新一代的超文本标记语言，我对这个应用很有感触，平时做这个工作就已经很顺手了，现在要介绍它的优点，必须要到位啊 HTML5Canvas实现各种炫酷的仪表盘动画 仪表盘包括指南针里程表体温计等，你可以通过脚本控制其是否展示动画，动画效果都非常不错 超绚丽的HTML5地图分布动画 它。

3、无法取消Canvas是HTML5的一个新特性，canvas又叫做画板，在canvas交了的作业是无法取消的，Canvas利用HTML5CanvasAPI和JavaScript来动态生成用户想要的图像；可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvaswidth， canva；var cxt=canvasgetContext#392d#39cxtfillRectrectx，recty，rectw，recth绘制矩形 canvasonclick=functione给canvas添加点击事件 e=eevent获取事件对象 获取事件在canvas中发生的位置 var x=eclientXcanvasoffsetLeftvar y=eclientYcanvasoffsetTop如果事；in canvas用帆布 on the canvas被击倒 on canvas在油画上 canvas draper帆布输送器 canvas hose帆布软管 双语例句1He took out a metal flask from a canvas bag他从帆布包里拿出一个金属瓶子2She was in her studio again， painting onto a large canvas她又回到了画室，在一张大帆布；不是只有html5才能实现的，用css和javascript也可以实现，简单说下解决思路用JQuery和Extjs等js插件可以用相应的onReady函数在页面加载完毕后获取当前的浏览器窗口宽高分别为多少像素也可以用原生的js绑定事件windowonload=function代码获取宽和高代码设置图片或canvas的宽和高来实现你的图片。

4、canvas实现材质画笔，的确就是用遮罩来做比较合适了之前看到过google官方有个截图后用canvas画画的小demo，是将画出来笔迹生成dom节点，再加以css3变成材质，个人觉得这种方式就是“删除”“移动”等操作比较简便谁叫canvas事件绑定这么难控制，但有很大的缺陷，就是dom元素过多层叠，影响页面效率；Your browser does not support the HTML5 canvas tag在这个示例中，我们首先获取了Canvas元素的引用，并创建了一个2D渲染上下文然后，我们给Canvas元素添加了一个`mousemove`事件监听器当鼠标在Canvas上移动时，事件监听器会触发一个事件处理函数在事件处理函数中，我们通过`eventclientX`和`event；二知识点1使用Html5 Canvas+JavaScript画圆构成圆形雪花在Html5中，需要使用Canvas同时借助JavaScript画圆，以构成圆形雪花arcx，y，r，start，stop2随机数产生不同半径坐标的圆形雪花本示例中，网页第一次加载时，需要生成一定数量的不同半径及位置的雪花，故半径坐标为随机数雪；***页面上拉触底事件的处理函数*onReachBottomfunction ，***用户点击右上角分享*onShareAppMessagefunction 如何用HTML5CANVAS绘制文字 我们可以在HTML5canvas上绘制绘制文字，并且可以设置文字的字体，大小和颜色绘制文字的字体由2D上下文的font属性来控制如果你需要使用颜色来填充；擦除canvas画布有两个方法可以使用clearRect方法 重新设置高宽度 示例* 本示例使用jQuery描述 *var canvas = $#39#myCanvas#39 选择要擦除的canvas元素var context = canvasget0getContext#392d#39 获取canvas上下文第一种方法擦除clearRect方法contextclearRect0， 0；展开全部 HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件 在Android中循环播放一秒时间很短的视频可以阻止自动睡眠，终于不需要用那些还没有正式被浏览器支持的新API了而iOS似乎是用JavaScript的定时器不断selflocation的方式阻止屏幕自动睡眠的，但据说iOS7无效在Android用Page Visit。