html 如何引入createjs
时间: 2023-08-30 19:07:27 浏览: 180
html5 createjs
要在 HTML 中引入 CreateJS,你需要在页面的 head 部分引入 CreateJS 库的 JavaScript 文件。你可以从 CreateJS 的官方网站(https://createjs.com/getting-started)下载 CreateJS 库,或者使用 CDN 引入:
```html
<!-- 引入 EaselJS -->
<script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
<!-- 引入 TweenJS -->
<script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>
<!-- 引入 SoundJS -->
<script src="https://code.createjs.com/soundjs-0.6.2.min.js"></script>
<!-- 引入 PreloadJS -->
<script src="https://code.createjs.com/preloadjs-0.6.2.min.js"></script>
```
在引入库文件之后,你就可以在 JavaScript 中使用 CreateJS 提供的各种类和方法了。例如,你可以创建一个舞台并在上面绘制一个矩形:
```javascript
// 创建舞台
var stage = new createjs.Stage("canvas");
// 创建矩形并添加到舞台
var rect = new createjs.Shape();
rect.graphics.beginFill("#FF0000").drawRect(0, 0, 100, 100);
stage.addChild(rect);
// 更新舞台
stage.update();
```
其中,`createjs.Stage` 和 `createjs.Shape` 分别是 EaselJS 中的类,`beginFill`、`drawRect` 和 `addChild` 是 EaselJS 中的方法。
阅读全文