如何通过html5中的canvas对象绘制图形
你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 2d 作为唯一的参数传递给它而获得的。
步骤1： 在 HTML 中设置画布，创建一个引用，并获取上下文对象 画布在 HTML 中通过 canvas 标签定义。与其他标签类似，canvas 的属性(如宽度和高度)作为特性输入。假设你希望创建一个宽 500 像素、高 500 像素的画布，并将其命名为“can1”，稍后在 JavaScript 中引用它时将用到。
我们首先需要获取上下文的引用部分。下面就是用于画布部分的代码。var c=document.getElementById(mycanvas)； var ctx=c.getContext(2d)；绘制图形 一旦你可以使用上下文对象，就可以开始上下文绘制。所以首先调用“move”方法，从一个点开始，使用线方法画线，然后敲击键盘应用结束。
在Html5Canvas中,有几种清除屏幕的方法
虽然我没用过canvas但是它应该也是常规的HTML的DOM，在它上边试着用JS建立一个DIV，这样就不会影响canvas内部的东西了吧。
HTML5 canvas 怎样防止屏幕自动睡眠并检测手机和平板锁屏事件 在Android中循环播放一秒(时间很短)的视频可以阻止自动睡眠，终于不需要用那些还没有正式被浏览器支持的新API了。而iOS似乎是用JavaScript的定时器不断self.location的方式阻止屏幕自动睡眠的，但据说iOS7无效。。
canvas是HTML5提供的一种新标签，用于使用脚本绘制图形。通过api实现2D图形绘制及硬件加速的3D图形绘制。默认大小为300x150像素，可根据需求调整。不支持canvas的浏览器会显示其中内容，反之忽略容器。Canvas基础api，如getContext用于获取渲染上下文，参数默认为2d绘图环境。
translate(80，80)的意思就是说以x=80，y=80的这个像素点作为(0，0)坐标，以后的坐标都是相对于这个标准的。 rotate（90 * Math.PI / 180） 按顺时针旋转90度。
HTML5canvas绘制音频、音乐可视化
canvas图形绘制首先我们得到AnalyserNode.frequencyBinCount，即可视化数据值，然后将其存为Uint8Array数组类型，constAudioBufferSourceNode=AC.createBufferSource()；//这里创建了个音频源AudioBufferSourceNode.start([when[，offset[，duration]])；//安排声音在指定时间播放。没有指定时间，则声音立即开始播放。
语义化标签：HTML5新增了一些语义化标签可以更好地描述页面内容，提高搜索引擎的识别效率。视频和音频支持：HTML5支持直接在网页中播放视频和音频，不需要使用第三方插件。Canvas绘图：HTML5提供了Canvas元素，可以在网页上绘制各种图形和动画。
数据可视化：canvas标签非常适合用于数据可视化，例如创建图表、地图、图像编辑器等应用程序。可以使用JavaScript API来将数据绘制到画布上，并使用颜色、样式等属性来表示数据。canvas标签提供了一种灵活的方法，用于在网页上创建各种图形和动画效果。
英文中 Canvas 的意思是“画布”，不过这里说的 Canvas 是 HTML5 中新出的一个元素，开发者可以在上面绘制一系列图形。
功能和用途：HTML5Canvas提供了丰富的2D绘图功能，可以绘制图形、文本、图像，以及进行动画和交互。AS3则具有更强大的功能，除了2D绘图外，还支持3D渲染、多媒体处理、网络通信等功能。新建HTML5Canvas文档主要用于在Web上实现2D图形和交互效果，而新建AS3文档用于开发更为复杂的富媒体应用程序和游戏。