HTML5 Canvas

为什么80%的码农都做不了架构师？>>>   

Canvas本质上是一个位图画布，其上绘制的图形是不可缩放的，不能像SVG图像那样可以被放大缩小。此外，用Canvas绘制出来的对象不属于页面DOM结构或者任何命名空间。 它的优点： 1、不需要将所绘制图像中的每个图无当做对象存储。因此执行性能非常好。 2、在其他编程语言有的优秀二维绘图API的基础上实现Canvas API相对来说比较简单。 一、Canvas 是什么？ 在网页上使用canvas元素时，它会创建一块矩形区域。默认情况下该矩形区域的宽度为300像素，高为150像素，但也可以自定义具体大小或者canvas元素的其他特性。 在页面中加入了canvas元素后，我们便可以通过JavaScript来自由地控制它。可以在其中添加图片、线条以及文字，也可以在里面绘图，甚至还可以加入高级动画。 使用canvas编程，首页要获取其上下文（context）。接着在上下文中执行动作，最后将这些动作应用到上下文中。可以将canvas的这种编程方式想像成数据库事务：开发人员先发起一个事务，然后执行某些操作，最后提交事务。 二、canvas坐标 canvas中的坐标是从左上角开妈的，x轴沿着水平方向（按像素）向右延伸，y轴沿垂直方向向下延伸。左上角坐标为x=0,y=0的点称作原点。 摘自《HTML5高级程序设计》

转载于:https://my.oschina.net/cmw/blog/14952