哪個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。

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

傳回值

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

描述

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

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

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

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

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