9

什么是getContext()方法,什么是绘制上下文?为什么我们总是将字符串传递2dgetContext()方法?

4

2 回答 2

7

上下文是一种选择你要对画布做什么的方法。

目前,您可以将 getContext 用于 2d (2dcanvas) 或 3d (WebGL)。

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

您可以在那里找到每个 API 的规范: https ://html.spec.whatwg.org/multipage/canvas.html#dom-canvas-getcontext

很高兴知道“webgl”是 API 的正确名称,但目前,由于它是实验性的,您应该使用“experimental-webgl”开始创建 WebGL 内容

于 2011-07-01T12:16:34.433 回答
3

在计算机图形学中,绘图上下文是一种抽象(类/对象),它封装了您如何绘制东西。

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

绘图命令示例:drawLine、drawPath、drawRect(你懂的)。

绘图属性示例:填充颜色、描边颜色、描边样式、字体大小、剪切区域等

在 web 的上下文(请原谅双关语)中,您有两个绘图上下文 - 用于 2d 绘图的 canvas 和用于 3d 绘图的 webgl。

于 2013-03-06T18:59:05.883 回答