小程序Canvas的使用方法

Canvas
基礎庫 2.7.0 開始支持，低版本需做兼容處理。
Canvas 實例，可通過 SelectorQuery 獲取。

屬性
number width
畫布寬度

number height
畫布高度

方法
RenderingContext Canvas.getContext(string contextType)
該方法返回 Canvas 的繪圖上下文

Image Canvas.createImage()
創建一個圖片對象。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

number Canvas.requestAnimationFrame(function callback)
在下次進行重繪時執行。 支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

Canvas.cancelAnimationFrame(number requestID)
取消由 requestAnimationFrame 添加到計劃中的動畫幀請求。支持在 2D Canvas 和 WebGL Canvas 下使用, 但不支持混用 2D 和 WebGL 的方法。

ImageData Canvas.createImageData()
創建一個 ImageData 對象。僅支持在 2D Canvas 中使用。

Path2D Canvas.createPath2D(Path2D path)
創建 Path2D 對象

string Canvas.toDataURL(string type, number encoderOptions)
返回一個包含圖片展示的 data URI 。可以使用 type 參數其類型，默認為 PNG 格式。