从本文章开始，笔者将带大家从0开始，一点一点慢慢的学习canvas。掌握webgl图形渲染的一些底层的原理和逻辑，方便大家后续更容易理解一些gis框架和原理。
canvas本质上是一个html元素，和其他html元素一样，本质上也属于document。canvas翻译过来中文叫做画布，顾名思义canvas的设计者最初是希望人们能够在网页上也有绘画的能力。canvas的用途很广，例如游戏，签名类，地图，图像处理等等领域都需要canvas。
要认识canvas，还是要从其基础的属性入手。首先canvas和其他的html块级元素一样，也会有自己的宽和高，从html 的层面讲，给canvas设置宽高的方式常用的主要有两种：
1.通过css属性的width和height来设置canvas的宽高
- html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Documenttitle>
- <style>
- #ca {
- width: 800px;
- height: 500px;
- }
- style>
-