预览加载中，请您耐心等待几秒...

WEB_[HTML5资料]Canvas教程.pdf

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共31页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML5 1Canvas <canvas> JavaScriptHTML Itcanforinstancebeusedtodraw graphs,makephotocompositionsordo simple(andnotsosimple)animations. 1.1 <canvas><canvas> <canvasid="tutorial"width="150" height="150"></canvas><canvas> srcalt widthheight DOMCSSwidth height300150 CSScanvas CSScanvaswidth heightid<canvas> HTLMHTML idid <canvas> canvas canvas <canvas> Firefox1.0InternetExplorer canvas canvas canvascanvas canvas canvas <canvasid="stockGraph" width="150"height="150">currentstock price:$3.15+0.15</canvas> <canvasid="clock"width="150" height="150"></canvas> </canvas>Apple Safari<canvas> <canvas>web Mozilla(</canvas>) <canvasid="foo"……> </canvas>SafariMozilla ——Safari CSSSafari IE SafariRendering Context<canvas> renderingcontext 2D OpenGLES3D<canvas> renderingcontextcanvas getContext getContext() varcanvas= document.getElementById('tutorial');var ctx=canvas.getContext('2d'); getElementByIdcanvasDOM getContext canvasgetContext varcanvas=document.getElementById ('tutorial');if(canvas.getContext){var ctx=canvas.getContext('2d');//drawing codehere}else{//canvas-uns