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

哪个HTML5内建对象用于在画布上绘制,第1张

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

提示:在未来,如果 <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 {
   //画布不支持的代码在这里
}

相关推荐:《html视频教程》

以上就是哪个HTML5内建对象用于在画布上绘制的详细内容,

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/699591.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-23
下一篇 2022-04-23

发表评论

登录后才能评论

评论列表(0条)

保存