10分钟，利用canvas画一个小的loading界面（顺便讨论下绘制效率问题）

首先利用定义下canvas得样式

<canvas width="1024" height="720" id="canvas" style="border: 1px solid #808080;display: block;margin: 100px auto;>你的游览器不支持canvas</canvas>

 这里主要要说的就是宽高，不要在style里面定义，不然会被拉伸。（对于这点，建议大家看下W3c文档，不是很懂）

高度和宽度属性确定画布的宽度和高度的坐标系统，而CSS属性只确定大小的盒子，它会显示。

 

var canvas = document.getElementById('canvas');
        var ctx = canvas.getContext('2d');

 

 获取对象，然后获取上下文进行画图。

好的，接下来来个小例子（画弧）

 

        //设置线宽，颜色（我喜欢通俗的称他为空心画法）