哪個HTML5內建物件用於在畫布上繪製

在html5中，內建物件getContext()用於在畫布上繪製，getContext()用於取得渲染上下文及其繪圖功能，可傳回一個用於在畫布上繪圖的環境，語法為“Canvas.getContext(contextID)”。

本教學操作環境：windows7系統、HTML5版、Dell G3電腦。

哪個 HTML5 內建物件用於在畫布上繪製？ ()

A.getContent

B.getContext

#C.getGraphics

D.getCanvas

#正確答案: B

getContext() 方法用於取得渲染上下文及其繪圖功能，可傳回一個用於在畫布上繪圖的環境。此函數採用一個參數，即上下文2d的型別。

語法

Canvas.getContext(contextID)

參數

• 參數 contextID 指定了您想要在畫布上繪製的類型。目前唯一的合法值是 "2d"，它指定了二維繪圖，並且導致這個方法返回一個環境對象，該對象導出一個二維繪圖 API。

提示：在未來，如果 標籤擴展到支援 3D 繪圖，getContext() 方法可能允許傳遞一個 "3d" 字串參數。

傳回值

• 一個 CanvasRenderingContext2D 對象，使用它可以繪製到 Canvas 元素中。

描述

• 傳回一個表示用來繪製的環境類型的環境。其本意是要為不同的繪製類型（2 維、3 維）提供不同的環境。目前，唯一支援的是 "2d"，它會傳回一個 CanvasRenderingContext2D 對象，該物件實作了一個畫布所使用的大多數方法。

範例：以下是取得所需上下文的程式碼以及檢查您的瀏覽器是否支援元素的程式碼：

var canvas = document.getElementById("mycanvas");
if (canvas.getContext){
   var ctx = canvas.getContext('2d');
   //在这里绘制代码
   } else {
   //画布不支持的代码在这里
}

相關推薦：《html影片教學》

以上是哪個HTML5內建物件用於在畫布上繪製的詳細內容。更多資訊請關注PHP中文網其他相關文章！