哪个HTML5内建对象用于在画布上绘制

程序员文章站 2022-02-03 20:28:31

...

在html5中，内建对象getContext()用于在画布上绘制，getContext()用于获取渲染上下文及其绘图功能，可返回一个用于在画布上绘图的环境，语法为“Canvas.getContext(contextID)”。

哪个HTML5内建对象用于在画布上绘制

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

哪个 HTML5 内建对象用于在画布上绘制？()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

正确答案: B

getContext() 方法用于获取渲染上下文及其绘图功能，可返回一个用于在画布上绘图的环境。此函数采用一个参数，即上下文2d的类型。

语法

Canvas.getContext(contextID)

参数

参数 contextID 指定了您想要在画布上绘制的类型。当前唯一的合法值是 "2d"，它指定了二维绘图，并且导致这个方法返回一个环境对象，该对象导出一个二维绘图 API。

提示：在未来，如果 <canvas> 标签扩展到支持 3D 绘图，getContext() 方法可能允许传递一个 "3d" 字符串参数。

返回值

一个 CanvasRenderingContext2D 对象，使用它可以绘制到 Canvas 元素中。

描述

返回一个表示用来绘制的环境类型的环境。其本意是要为不同的绘制类型（2 维、3 维）提供不同的环境。当前，唯一支持的是 "2d"，它返回一个 CanvasRenderingContext2D 对象，该对象实现了一个画布所使用的大多数方法。

示例：以下是获取所需上下文的代码以及检查您的浏览器是否支持<canvas>元素的代码：

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