<强> 1.1 CreateJS介绍强>
CreateJS是基于HTML5开发的一套模块化的库和工具。
基于这些库,可以非常快捷地开发出基于HTML5的游戏,动画和交互应用。
一套共同或独立的模块库和工具,使丰富的互动内容> GitHub: https://github.com/yuki-torii..。 npm我- s yuki-createjs
注意这里下载的版本不是官网最新版本。
<强> 2.1.2使用yuki-createjs 强>
//包含所有 导入“yuki-createjs”//或 要求(“yuki-createjs”)//包含>//helloworld.vue & lt; template> … & lt;帆布id=" idd11 "宽度=" 500 "高度=" 400 "/比; … & lt;/template> & lt; script> 要求(“yuki-createjs/lib/easeljs-0.8.2.combined”) 出口默认{//这里主要不能放在()里创建 安装(){ this.init () }, 方法:{ init () { 画布var=. getelementbyid (“idd11”) var=new createjs.Stage阶段(帆布) var=new createjs文本。文本(“Hello World !”、“36 px Arial”、“# 777”) 文本。textAlign="中心" 文本。x=100 文本。y=0 stage.addChild(文本) stage.update () }, } } & lt;/script>
我是直接在Vue新建的项目里,HelloWorld。vue来进行修改,效果图如下:
npm我- s script-loader npm我- s createjs
下载的各个版本都有,可以来引用1.0.0
版本,但是包含4个库
<代码> npm我easeljs> 代码下载的只包含旧版
2.3.2<强>使用强>
<代码>进口“script-loader ! createjs/构建/1.0.0/createjs.min.js的;代码>
<强> 2.4方法四强>
<强> 2.4.1 @createjs/easeljs
强>
<代码> npm我@createjs/easeljs 代码>
<强> 2.4.2使用强>
<代码>进口* createjs从“@createjs/easeljs”代码>
2.0 BETA版(当前是这样的,由于文章时效性,以后不清楚:乔伊::快乐::乔伊:)
<强> 2.5方法五强>
<强> 2.5.1 vue-easeljs 强>
GitHub: https://github.com/dankuck/vu..。
具体可参考GitHub,没有其他参考API,封装成了标签,感兴趣的可以尝试下
列了一个表格将5种方法比较一下
& # 8226;类似于script-loader还可以使用imports-loader,但试了几次没成功:乔伊::乔伊:原谅我太菜了
& # 8226;2.0 Beta版已支持ES6,相信等正式版出的时候,这个问题就完全不用担心了。
以上所述是小编给大家介绍的详解Vue项目引入CreateJS的方法(亲测可用),希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!