什么是“绘图环境”？ getcontext（）方法的作用是什么？

Question

什么是getContext()方法，什么是绘图上下文？为什么我们总是将字符串2d传递给getContext()方法？

Answer 1

上下文是一种选择使用画布进行操作的方法。

暂时你可以使用getContext for 2d（2dcanvas）或3d（WebGL）。

HTML5 Specification说关于getContext： “返回一个公开API的对象，用于在画布上绘图。第一个参数指定所需的API。后续参数由该API处理。”

您可以在那里找到每种API的规格： http://wiki.whatwg.org/wiki/CanvasContexts

也很高兴知道“webgl”是API的正确名称，但是暂时，因为它是实验性的，你应该使用“experimental-webgl”来开始创建WebGL内容

Answer 2

在计算机图形学中，绘图上下文是一个抽象（类/对象），它封装了你绘制内容的方式。

在100k英尺的高度，计算机图形是将绘图命令转换为像素（图像）。你如何从命令到像素是图形管道的全部内容（非常广泛和深刻的主题）。绘图上下文公开了绘图方法和属性以实现此目的。

绘图命令示例：drawLine，drawPath，drawRect（你明白了）。

绘图属性示例：填充颜色，笔触颜色，笔触样式，字体大小，剪裁区域等

在web的上下文中（原谅双关语），你有两个绘图上下文 - 用于2D绘图的画布和用于3d绘图的webgl。