后援网HTML5视频教程-

《后援网HTML5视频教程》是此刻以及将来一项重要的技术，学好HTML5不仅可以让你开发WEB前端界面，设计出能够顺应各种尺寸设施的网页；甚至可以让你运用HTML5技术开发出HybirdApp（一种混合式开发AndroidiOSWindowsPhone等设施的利用）；或者用HTML5技术开发出桌面程序（参看NodeWebkit项目，请自行Github）。 《后援网HTML5视频教程》是此刻以及将来一项重要的技术，学好HTML5不仅可以让你开发WEB前端界面，设计出能够顺应各种尺寸设施的网页；甚至可以让你运用HTML5技术开发出Hybird App（一种混合式开发Android/iOS/Windows Phone等设施的利用）；或者用HTML5技术开发出桌面程序（参看Node Webkit项目，请自行Github）。

2.3 画图

运用JavaScript中供给的画图API来绘制

每个canvas都有一套画图的API（工具）

2.3.1 画图的根本步骤

1 寻到canvas画布

2 通过canvas拿到画图高低文（一系列的API汇合）

3 运用API绘制需要的图形

// 1 寻到canvas
var cv = document.getElementById("canvasId");
// 2 拿到canvas画图高低文
var ctx = cv.getContext("2d");
// 3 运用高低文中的API绘制图形
ctx.moveTo(100, 100);   // 将画笔挪移到 100,100 的位置
ctx.lineTo(200, 100);   // 从 100,100 到 200,100 画一条线段
ctx.stroke();           // 描边

注意点：

getContext("2d"), 参数`2d`是指猎取到绘制平面图形的高低文;
要是想绘制立体图形，需要传入参数："webgl"

2d高低文类型：CanvasRenderingContext2D

获得 webgl 高低文：（理解）

var cCv = document.createElement("canvas");
        console.log(cCv.getContext("webgl"));

以上就是后援网HTML5视频教程的细致内容，更多请关注 百分百源码网 其它相干文章！