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

青灯夜游
发布: 2022-01-11 11:41:47
原创
3368人浏览过
在html5中,内建对象getContext()用于在画布上绘制,getContext()用于获取渲染上下文及其绘图功能,可返回一个用于在画布上绘图的环境,语法为“Canvas.getContext(contextID)”。

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

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

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

A.getContent

B.getContext

立即学习前端免费学习笔记(深入)”;

C.getGraphics

D.getCanvas

正确答案: B

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

语法

豆绘AI
豆绘AI

豆绘AI是国内领先的AI绘图与设计平台,支持照片、设计、绘画的一键生成。

豆绘AI 220
查看详情 豆绘AI
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内建对象用于在画布上绘制的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号