前言
最近项目中使用到了threejs中的sprite组件;为了更好实现sprite组件的界面效果;以及我们在h5中绘制图表,都需要用到canvas这个标签;所以需要对canvas有较为深入的学习;
canvas是一个HTML5的标签,这个标签可以被浏览器渲染为画布;canvas只是一个容器;这个容器可以装在2d(let ctx = canvas.getContext(“2d”)),也可以装在3D(let ctx = canvas.getContext(“webgl”));
这个容器没有绘图功能,canvas只是一个画布;绘图能力是canvas上下文对象;
1.canvas绘制表格坐标轴;
<!DOCTYPE html>
<html lang="en">
<head>
<