1、1，添加事件監(jiān)聽(tīng)，比如說(shuō)，鼠標(biāo)按下 做什么，滑動(dòng) 做什么，彈起做什么一般鼠標(biāo)事件都是判斷彈起的位置 2，判斷有效坐標(biāo)，在事件中判斷坐標(biāo)位置是否在圖片位置，也就是圖片在canvas的位置exsome codecanvaswidth=400canvasheight=400var context2d = canvasgetContextquot2dquotvar img =new I；createElementquotcanvasquotmyCanvassetAttributequotwidthquot， screenavailWidthmyCanvassetAttributequotheightquot， screenavailHeightmyCanvassetAttributequotidquot， quotmyCanvasquotmyCanvas兩種方案的共性都是在把元素添加進(jìn)DOM前設(shè)置他的大小 估計(jì)是沒(méi)分了，給后人看吧。

2、ExplorerCanvas讓IE8的瀏覽器支持canvas CSS3Pie讓IE69支持borderradious，boxshadow，lineargradient可以使用htc文件注意Minetype或js文件在用Piejs時(shí)，boxradious的元素有背景色時(shí)，不顯示背景色 formFive讓舊的瀏覽器支持HTML5表單的一些特性，如placeholder，autofocus；Chartjs 是個(gè)簡(jiǎn)單的，面向?qū)ο蟮目蛻舳藞D形庫(kù)，用戶可以用 6 中不同的方式來(lái)可視化數(shù)據(jù)每個(gè)方式都是動(dòng)畫(huà)效果的，完全自定義，而且看起來(lái)非常好看，即使在 retina 顯示它使用 HTML5 canvas 元素，支持所有現(xiàn)代瀏覽器，并且支持 IE784 Aristochart Aristochart 是個(gè)高度自定義，靈活的折線；HTML5canvas元素用于圖形的繪制，通過(guò)腳本 通常是JavaScript來(lái)完成canvas標(biāo)簽只是圖形容器，您必須使用腳本來(lái)繪制圖形你可以通過(guò)多種方法使用 canvas 繪制路徑，盒圓字符以及添加圖像2Canvas基本使用ltcanvas id=quotmyCanvasquot width=quot200quot height=quot100quotstyle=quotborder1px solid #000000quotlt；回答我覺(jué)得html5是最新一代的超文本標(biāo)記語(yǔ)言，我對(duì)這個(gè)應(yīng)用很有感觸，平時(shí)做這個(gè)工作就已經(jīng)很順手了，現(xiàn)在要介紹它的優(yōu)點(diǎn)，必須要到位啊 HTML5Canvas實(shí)現(xiàn)各種炫酷的儀表盤(pán)動(dòng)畫(huà) 儀表盤(pán)包括指南針里程表體溫計(jì)等，你可以通過(guò)腳本控制其是否展示動(dòng)畫(huà)，動(dòng)畫(huà)效果都非常不錯(cuò) 超絢麗的HTML5地圖分布動(dòng)畫(huà) 它。

3、無(wú)法取消Canvas是HTML5的一個(gè)新特性，canvas又叫做畫(huà)板，在canvas交了的作業(yè)是無(wú)法取消的，Canvas利用HTML5CanvasAPI和JavaScript來(lái)動(dòng)態(tài)生成用戶想要的圖像；可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $windowget0innerHeight contextfillRect0， 0， canvaswidth， canva；var cxt=canvasgetContext#392d#39cxtfillRectrectx，recty，rectw，recth繪制矩形 canvasonclick=functione給canvas添加點(diǎn)擊事件 e=eevent獲取事件對(duì)象 獲取事件在canvas中發(fā)生的位置 var x=eclientXcanvasoffsetLeftvar y=eclientYcanvasoffsetTop如果事；in canvas用帆布 on the canvas被擊倒 on canvas在油畫(huà)上 canvas draper帆布輸送器 canvas hose帆布軟管 雙語(yǔ)例句1He took out a metal flask from a canvas bag他從帆布包里拿出一個(gè)金屬瓶子2She was in her studio again， painting onto a large canvas她又回到了畫(huà)室，在一張大帆布；不是只有html5才能實(shí)現(xiàn)的，用css和javascript也可以實(shí)現(xiàn)，簡(jiǎn)單說(shuō)下解決思路用JQuery和Extjs等js插件可以用相應(yīng)的onReady函數(shù)在頁(yè)面加載完畢后獲取當(dāng)前的瀏覽器窗口寬高分別為多少像素也可以用原生的js綁定事件windowonload=function代碼獲取寬和高代碼設(shè)置圖片或canvas的寬和高來(lái)實(shí)現(xiàn)你的圖片。

4、canvas實(shí)現(xiàn)材質(zhì)畫(huà)筆，的確就是用遮罩來(lái)做比較合適了之前看到過(guò)google官方有個(gè)截圖后用canvas畫(huà)畫(huà)的小demo，是將畫(huà)出來(lái)筆跡生成dom節(jié)點(diǎn)，再加以css3變成材質(zhì)，個(gè)人覺(jué)得這種方式就是“刪除”“移動(dòng)”等操作比較簡(jiǎn)便誰(shuí)叫canvas事件綁定這么難控制，但有很大的缺陷，就是dom元素過(guò)多層疊，影響頁(yè)面效率；Your browser does not support the HTML5 canvas tag在這個(gè)示例中，我們首先獲取了Canvas元素的引用，并創(chuàng)建了一個(gè)2D渲染上下文然后，我們給Canvas元素添加了一個(gè)`mousemove`事件監(jiān)聽(tīng)器當(dāng)鼠標(biāo)在Canvas上移動(dòng)時(shí)，事件監(jiān)聽(tīng)器會(huì)觸發(fā)一個(gè)事件處理函數(shù)在事件處理函數(shù)中，我們通過(guò)`eventclientX`和`event；二知識(shí)點(diǎn)1使用Html5 Canvas+JavaScript畫(huà)圓構(gòu)成圓形雪花在Html5中，需要使用Canvas同時(shí)借助JavaScript畫(huà)圓，以構(gòu)成圓形雪花arcx，y，r，start，stop2隨機(jī)數(shù)產(chǎn)生不同半徑坐標(biāo)的圓形雪花本示例中，網(wǎng)頁(yè)第一次加載時(shí)，需要生成一定數(shù)量的不同半徑及位置的雪花，故半徑坐標(biāo)為隨機(jī)數(shù)雪；***頁(yè)面上拉觸底事件的處理函數(shù)*onReachBottomfunction ，***用戶點(diǎn)擊右上角分享*onShareAppMessagefunction 如何用HTML5CANVAS繪制文字 我們可以在HTML5canvas上繪制繪制文字，并且可以設(shè)置文字的字體，大小和顏色繪制文字的字體由2D上下文的font屬性來(lái)控制如果你需要使用顏色來(lái)填充；擦除canvas畫(huà)布有兩個(gè)方法可以使用clearRect方法 重新設(shè)置高寬度 示例* 本示例使用jQuery描述 *var canvas = $#39#myCanvas#39 選擇要擦除的canvas元素var context = canvasget0getContext#392d#39 獲取canvas上下文第一種方法擦除clearRect方法contextclearRect0， 0；展開(kāi)全部 HTML5 canvas 怎樣防止屏幕自動(dòng)睡眠并檢測(cè)手機(jī)和平板鎖屏事件 在Android中循環(huán)播放一秒時(shí)間很短的視頻可以阻止自動(dòng)睡眠，終于不需要用那些還沒(méi)有正式被瀏覽器支持的新API了而iOS似乎是用JavaScript的定時(shí)器不斷selflocation的方式阻止屏幕自動(dòng)睡眠的，但據(jù)說(shuō)iOS7無(wú)效在Android用Page Visit。