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";