使用canvas需要引入哪些js
什么是canvas？
Canvas 是一个可以使用脚本（通常为JavaScript）在其中绘制图像的 HTML 元素。一般情况下，Canvas 被用来制作游戏场景、制作动画、绘制图片等等。
可以使用 canvas 绘制的图形包括：矩形、圆形、线条、文本、图像等。
引入canvas的js文件
1. HTML 中引入
在 HTML 中，我们可以使用 <script> 标签引入 Canvas 元素的相关 JavaScript 文件。
目前驱动canvas的三个文件：
Canvas Element
CanvasRenderingContext2D
CanvasGradient 和 CanvasPattern
其中，Canvas Element 是必须的，而 CanvasRenderingContext2D 包含了所有绘制 Canvas 所需的方法。
以下是一个简单的例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Canvas 示例</title>
</head>
<body>
<canvas id="myCanvas"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 在这里画图
</script>
</body>
</html>
在这个例子中，我们创建了一个 canvas 元素，并使用 document.getElementById() 方法获取它。然后，我们通过 getContext() 方法来创建一个绘图环境（Context）。getContext("2d") 返回一个对象，该对象提供了用于在画布上绘图的方法和属性。
2. requireJS 引入
使用 requirejs 引入。
require(['path/to/Canvas.js'], function(Canvas) {
// 在这里使用 Canvas 绘制图形
});
如果您只需要在您的 JavaScript 代码中创建一个 Canvas 元素，那么您只需要引入 Canvas 元素即可。如果您需要使用绘图环境（Context），那么您需要引入 CanvasRenderingContext2D。
3. npm 安装
npm 是一个 Node.js 包管理器，可以使用它来安装各种 JavaScript 库和框架。
可以使用 npm 来安装 canvas 库。例如：
npm install canvas
然后，您可以按照以下方式使用该库：
var Canvas = require('canvas');
var canvas = new Canvas(width, height);
var ctx = canvas.getContext('2d');
// 在这里画图
4. 存在的问题
但是，如果您需要在使用 canvas 时兼容更老的浏览器（如 IE），则需要引入 excanvas.js。
excanvas.js 是一个 JavaScript 库，它允许在 Internet Explorer 中使用 canvas 元素。
<!--[if IE]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/excanvas/3.0.0/excanvas.js"></script>
<![endif]-->
总结
如果您需要在其中绘制图像的 HTML 元素，那么使用 Canvas 就是一个非常好的选择。可以使用 <script> 标签或 require.js 进行引入，npm 安装也是一个不错的选择。如果需要在较旧的浏览器中兼容，可以引入 excanvas.js 库。无论哪种方式，Canvas 引入的基本思路都是一致的：获取 Canvas 元素，创建上下文并用于绘图。