大家好，今天小热关注到一个比较有意思的话题，就是关于getContext的问题，于是小编就整理了2个相关介绍getContext的解答，让我们一起看看吧。

文章目录：

1. 请问if (canvas.getContext)这是判断什么的?getContext不是一个方 ...
2. getContext("2d") 对象

一、请问if (canvas.getContext)这是判断什么的?getContext不是一个方 ...

这是判断浏览器是否支持canvas的获取上下文的操作。getContext是canvas的一个方法，是用来获取canvas的有关上下文引用。不带括号是判读canvas是否有一个getContext的属性，而这个属性是一个函数的调用。如果要调用方法，那就要加括号，如果只是判断，是不需要括号的。至于为什么显示布尔值，是因为if()会把其他对象自动转换的结果。

二、getContext("2d") 对象

如何在网页上画画？比如说画个矩形，这个用div的边框也许可以模拟。那么画个渐变的矩形呢？h5之前都是不好做的。

因此h5就发明了这个getContext("2d") 对象，用这个来进行简单作画。

结果

很简单，大致就是分为

首先创建画布，之后创建那个内置的2d对象，之后用rect方法画矩形。

HTML canvas rect() 方法 | 菜鸟教程

来个高级的，画个带渐变的矩形

结果如图

基本思路是

创建画布

创建2d对象

创建渐变对象

然后绘制图形，注意这次就不要rect方法，用fillrect方法，表示绘制一个被填充的矩形。

至于每个参数代表的意思

参考

HTML 画布 | 菜鸟教程

到此，以上就是小编对于getContext的问题就介绍到这了，希望介绍关于getContext的2点解答对大家有用。

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。