# Canvas
# 什么是 Canvas?
canvas 单词的意思是画布,是浏览器实现的一个图形绘制接口,最早由 Apple 引入 WebKit,用于 Mac OS X 的 Dashboard ,随后被各个浏览器实现,现在所有主流浏览器都支持。
TIP
<canvas>
是一个可以使用脚本来绘制图形的 HTML 元素,TA 是一个双标签,请不要省略</canvas>
<canvas>
元素可被用来通过JavaScript
绘制图像及图形动画,我们可以通过WebGL API
或Canvas API
来操纵 Canvas,本文主要介绍Canvas API
# Canvas API
Canvas API
提供了一个通过JavaScript
和 HTML
的<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)