Canvas

• 内容
  • number width: 畫布寬度。
  • number height : 畫布高度。

方法集

cancelAnimationFrame

TIP

該API使用方法為： Canvas.cancelAnimationFrame(number requestID)

• 功能說明： 取消由requestAnimationFrame添加到計畫中的動畫幀請求。 支持在2D Canvas和WebGL Canvas下使用，但不支持混用2D和WebGL的方法。
• 參數及說明： number requestID。

createImageData

TIP

該API使用方法為： Image Canvas.createImage()

• 功能說明： 創建一個ImageData對象。 僅支持在2D Canvas中使用。
• 參數及說明： ImageData

createImage

TIP

該API使用方法為： ImageData Canvas.createImageData()

• 功能說明： 創建一個圖片對象。 支持在2D Canvas和WebGL Canvas下使用，但不支持混用2D和WebGL的方法。
• 參數及說明： Image

createPath2D

TIP

該API使用方法為： Path2D Canvas.createPath2D(Path2D path)

• 功能說明： 創建Path2D對象。
• 參數及說明： Path2D path。
• 返回值： Path2D。

getContext

TIP

該API使用方法為： RenderingContext Canvas.getContext(string contextType)

• 功能說明： 該方法返回Canvas的繪圖上下文。

• 參數及說明： string contextType， 上下文類型。

  合法值	說明
  2d	2d繪圖上下文
  webgl	webgl繪圖上下文
  webgl2	webgl2繪圖上下文

• 返回值： RenderingContext, ，支持獲取2D和WebGL繪圖上下文。

requestAnimationFrame

TIP

該API使用方法為： number Canvas.requestAnimationFrame(function callback)

• 功能說明： 在下次進行重繪時執行。 支持在2D Canvas和WebGL Canvas下使用，但不支持混用2D和WebGL的方法。
• 參數及說明： function callback， 執行的callback。
• 返回值： number, 請求ID。

toDataURL

TIP

該API使用方法為： string Canvas.toDataURL(string type, number encoderOptions)

• 功能說明： 返回一個包含圖片展示的data URI。 可以使用type參數其類型，默認為PNG格式。
• 參數及說明：
  • string type： 圖片格式，默認為image/png。
  • number encoderOptions： 在指定圖片格式為image/jpeg或image/webp的情况下，可以從0到1的區間內選擇圖片的質量。 如果超出取值範圍，將會使用預設值0.92。 其他參數會被忽略。
• 返回值： string。