【H5核心Canvas游戏制作视角学习笔记其一】初识canvas

【H5核心Canvas游戏制作视角学习笔记】系列文章目录

---

目录

【H5核心Canvas游戏制作视角学习笔记】系列文章目录

前言

一、Canvas是什么？

二、使用步骤

1.引入库

2.canvas元素

3.canvas初次使用

---

---

前言

        制作一款当代的基于web的文字图形类游戏或者其他web应用，自然是绕不开canvas这个充满活力的标签。本文就来讲述笔者在学习道路上的心得和体会。

---

一、Canvas是什么？

        ​<canvas> 是 HTML5 新增的，一个可以使用脚本(通常为 JavaScript) 在其中绘制图像的 HTML 元素。它可以用来制作照片集或者制作简单(也不是那么简单)的动画，甚至可以进行实时视频处理和渲染。

        ​它最初由苹果内部使用自己 MacOS X WebKit 推出，供应用程序使用像仪表盘的构件和 Safari 浏览器使用。后来，有人通过 Gecko 内核的浏览器 (尤其是 Mozilla和Firefox)，Opera 和 Chrome 和超文本网络应用技术工作组建议为下一代的网络技术使用该元素。

        ​Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来动态生成图形。

二、使用步骤

1.引入库