Что такое «контекст рисования»? Какова роль метода getcontext ()?

Question

Что такое метод getContext() и что такое контекст рисования точно? почему мы всегда передаем строку 2d методу getContext()?

Answer 1

Контекст - это способ выбрать, что вы собираетесь делать со своим холстом.

На данный момент вы можете использовать getContext для 2d (2dcanvas) или для 3d (WebGL).

Спецификация HTML5 скажем о getContext: «Возвращает объект, который предоставляет API для рисования на холсте. Первый аргумент указывает желаемый API. Последующие аргументы обрабатываются этим API.»

Вы можете найти спецификации для каждого API там: http://wiki.whatwg.org/wiki/CanvasContexts

Также полезно знать, что «webgl» - правильное имя для API, но на данный момент, поскольку это экспериментально, вы должны использовать «экспериментальный-webgl», чтобы начать создавать контент WebGL

Answer 2

В компьютерной графике контекст рисования - это абстракция (класс / объект), которая инкапсулирует то, что вы делаете для рисования материала.

На уровне 100 000 футов компьютерная графика - это преобразование команд рисования в пиксели (образ).То, как вы переходите от команд к пикселям, - вот что такое графический конвейер (очень борадная и глубокая тема).Для этого контекст рисования предоставляет методы и свойства рисования.

Пример команд рисования: drawLine, drawPath, drawRect (вы поняли идею).

Пример свойств рисования: цвет заливки,цвет обводки, стиль обводки, размер шрифта, область обрезки и т. д.

В контексте (простите за каламбур) веб-интерфейса у вас есть два контекста рисования - холст для 2D-рисования и webgl для 3D-рисования.