详细说明在Vue项目中引入CreateJS的方法(可以使用父测试)

编辑：宝哥软件园来源：互联网时间：2021-08-23

新天龙八部

角色扮演 | 1.85G

评分

立即下载

1.序

1.1 createjs简介

CreateJS是基于HTML5开发的模块化库和工具。

基于这些库，基于HTML5的游戏、动画和交互应用可以开发得非常快。

一套模块库和工具，它们协同工作或独立工作，通过HTML5在开放网络技术上实现丰富的交互式内容。

包含四种类型的工具库

画架JS Tween JS声音JS预加载JS 1.2创建JS版本

1.2.1 GitHub

地址：https://github.com/CreateJS

以Easeljs为例。JS文件存储在lib文件中

画架ljs . js画架ljs . min . js画架ljs-next . js画架ljs-NEXT.min.js

1.2.2英语

网站：https://www.createjs.com/

应用编程接口文档版本为1.0.0版

1.2.3中文

网站：http://www.createjs.cc/API文档版本为v0.8.2(以EaselJS为例)

2郑文

因为createjs的每个库中的代码都使用：

this . createjs=this . createjs | | { }

因为此处没有安装在窗口对象上，所以不能从导入中直接引用它。

2.1方法一

2.1.1安装yuki-createjs

github : https://github.com/yuki-torii. NPM I-s yuki-create js注意，这里下载的版本并不是官网的最新版本。

2.1.2使用yuki-createjs

//包含所有导入' yuki-create js'/或require '(yuki-create js ')//包含一个导入' yuki-create js/lib/preload js-0 . 6 . 2.combined '/或require '(yuki-create js/lib/preload js-)。

//helloworld.vuetemplate.画布id='idd11 '宽度='500 '高度='400'/./template script require(' yuki-createjs/lib/easeljs-0 . 8 . 2.combined ')导出默认值{//不能放入created()mounted(){ this . init()}。methods : { init(){ var canvas=document . getelementbyid(' IDD 11 ')var stage=new createjs。舞台(画布)var text=new createjs。文字('你好世界！'，' 36pxaarial '，' # 777 ')text . textalign=' center ' text . x=100 text . y=0 stage . addchild(text)stage . update()}，}}/script我直接在Vue，HelloWorld.vue创建的新项目中修改了它渲染如下：