# Canvas

# 什么是 Canvas?

canvas 单词的意思是画布,是浏览器实现的一个图形绘制接口,最早由 Apple 引入 WebKit,用于 Mac OS X 的 Dashboard ,随后被各个浏览器实现,现在所有主流浏览器都支持。

TIP

<canvas>是一个可以使用脚本来绘制图形的 HTML 元素,TA 是一个双标签,请不要省略</canvas>

<canvas>元素可被用来通过JavaScript绘制图像及图形动画,我们可以通过WebGL APICanvas API来操纵 Canvas,本文主要介绍Canvas API

# Canvas API

Canvas API 提供了一个通过JavaScriptHTML<canvas>元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。

Canvas API主要聚焦于 2D 图形。WebGL API 则用于绘制硬件加速的 2D 和 3D 图形

# 学习资料

程序员阿德 2019-05-14 数字图像处理基础 (opens new window)

程序员阿德 2019-05-19 图像基本运算 (opens new window)

程序员阿德 2019-05-19 直方图与二值化 (opens new window)

程序员阿德 2019-05-27 图像卷积、边缘提取和滤波去噪 (opens new window)

程序员阿德 2019-05-27 三分钟带你快速学习RGB、HSV和HSL颜色空间 (opens new window)

Milo Yip 2010-03-29 用JavaScript玩转计算机图形学(一)光线追踪入门 (opens new window)

Milo Yip 2010-04-02 用JavaScript玩转计算机图形学(二)基本光源 (opens new window)

Milo Yip 2010-06-14 用JavaScript玩转游戏物理(一)运动学模拟与粒子系统 (opens new window)