1. Canvas.getContext
getContext(“2d”)是Canvas元素的方法,用于获取一个用于绘制2D图形的绘图上下文对象。在给定的代码中,首先通过getElementById方法获取id为"myCanvas"的Canvas元素,然后使用getContext(“2d”)方法获取该Canvas元素的2D绘图上下文对象ctx。
通过获取到的绘图上下文对象ctx,可以使用一系列的绘图方法来在Canvas上进行绘制,例如绘制线条、填充颜色、绘制文本等。2D绘图上下文提供了丰富的API来实现各种绘图效果。
param
Canvas.getContext()方法用于获取绘图上下文,它接受一个参数来指定上下文类型。常见的参数有以下几种:
- “2d”:返回一个二维渲染上下文,用于绘制2D图形。
- “webgl” 或 “experimental-webgl”:返回一个WebGL渲染上下文,用于进行3D图形渲染。
- “webgl2”:返回一个WebGL 2渲染上下文,用于进行更高级的3D图形渲染。
- “bitmaprenderer”:返回一个BitmapRenderer渲染上下文,用于进行位图渲染。
除了以上常见的参数,不同浏览器可能还支持其他特定的参数。例如,一些浏览器可能支持 “experimental-webgl2” 参数来获取实验性的WebGL 2渲染上下文。
- 加入canvas