1、接着学习使用一些JavaScript库，比如Jquery是大部分Web开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率三学习Web前端核心 学习Jquery之后，大家就要学习HTML5高级阶段HTML5Canvas绘图HTML5SVG音频和视频；1首先，创建一个新的html文件，简单地重置样式，添加画布，并给画布一个红色背景2这里是用jquery写的，先介绍一下jquery，可以看到canvas默认的画布大小是300*1503写resizeCnavas方法，动态获取和改变画布的大小4；var myCarvas=documentgetElementById#39mycarvas#39mycarvas画布的id var ctx=myCarvasgetContext#392d#39绘制矩形 ctxbeginPathctxfillStyle=#39#ff0000#39填充颜色 ctxfillRect5，5，100，100填充；*本示例使用jQuery描述* varcanvas=$#myCanvas选择要擦除的画布元素 varcontext=canvasget0getcontext2d获取画布上下文 第一个方法擦除clearRect方法contextclearRect0，0，canvaswidthcanvas。

2、1HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思，首先它的原型是一个时钟，但是canvas技术的使用，让这个时钟没走动一秒都会产生圆球散落的动画特效，非常的酷在线演示源码下载2CSS3 3D折叠翻转文字动画这个C；5必须要用到Canvas吗 当然不是，我们通常所说的HTML5实际上包含了5， css3， javascript在内的一系列技术，用于开发HTML应用这个跟你是否使用canvas没有必然的关系 学HTML5必须要学JS吗 学习5的话，如果你是想作为；HTML5 Canvas基础教程从HTML5和JavaScript以及jQuery的基础知识讲起，全面介绍了HTML5 Canvas的各种特性，包括渲染上下文坐标系统绘制图形保存和恢复画布状态，以及变形合成处理图像和视频等，让读者对Canvas建立；1canvas绘制矩形 lt！DOCTYPE htmllthtmllthead lang=quotenquot ltmeta charset=quotUTF8quot lttitlecanvas绘制矩形lttitle ltscript type=quottextjavascriptquot src=quotcanvas2jsquotltscript ltstyle type=quottext；可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

3、下面这个是主要代码了jqueryltscript 判断浏览器是否支持HTML5 Canvas windowonload = function try 动态创建一个canvas元 ，并获取他2Dcontext如果出现异常则表示不支持 documentcreateElementquotc；ltspan style=quotfontsize18pxquotlt！DOCTYPE html lthead ltmeta charset=utf8 lttitlePHP100 HTML5视频教程canvas吹气球效果lttitle ltscript src=quotjquery171；HTML5用canvas实现动画效果的方法lt！DOCTYPE HTML lthtml lthead ltstyle body margin 0pxpadding 0px ltstyle lthead ltbody ltcanvas id=quotmyCanvasquot width=quot578quot height=quot200quotltcanvas lt。

4、我们可以将上面的代码加入windowonload，或者jQuery的ready方法里，当文档加载完，将会创建文明的图形一些HTML5 canvas 图像解决方案 用与HTML5 Canvas元素你可以开发动态绘图对象比如如可视化信息或数据图HTML5 canvas 可以；比如有一个 元素，可以直接用jquery增加click事件$#39#p1#39clickfunctionhellipquot然而这种DOM处理方法在HTML5的Canvas里不再适用，Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas都是一个整体。

5、使用HTML5画布canvas能够快速实现简单的动画效果，基本原理如下每隔一定时间绘制图形并且清除图形，用来模拟出一个动画过程，可以使用contextclearRect0， 0， x， y方法来刷新需要绘制的图形 首先是绘制图形的方法，如下fu。