HTML5 Canvans 常用API整理

所有API调用都是基于自定义的对象 var context = document.getElementById("myCanvas").getContext("2d");中

W3C标准：http://www.w3.org/TR/2012/WD-2dcontext-20120329/

中文介绍(部分)：http://www.w3school.com.cn/htmldom/dom_obj_canvasrenderingcontext2d.asp 

讲画布内容导出为图像

   document.getElementById("myCanvas").toDataURL()

属性

lineWidth 影响stroke方法绘制出轮廓的宽度,例：

   context.lineWidth =4;

strokeStyle 影响stroke方法绘制出轮廓的颜色，例：

  context.strokeStyle="#00FF00";

  context.strokeStyle="red";

 fillStyle 影响fill方法绘制出图形的填充色，例：

  context.fillStyle="#00FF00";

  context.fillStyle="red";