成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue項目引入CreateJS的方法（親測）

golden_hamster / 978人閱讀

摘要：前言介紹是基于開發(fā)的一套模塊化的庫和工具。包含類工具庫提供了一套完整的，層次化的顯示列表的互動方式來更簡單的處理畫布。方法一安裝注意這里下載的版本不是官網(wǎng)最新版本。

1 前 言 1.1 CreateJS介紹 

CreateJS是基于HTML5開發(fā)的一套模塊化的庫和工具。
基于這些庫，可以非?？旖莸亻_發(fā)出基于HTML5的游戲、動畫和交互應用。
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.

包含4類工具庫

EaselJS 提供了一套完整的，層次化的顯示列表的互動方式 來更簡單的處理HTML5畫布。

TweenJS 類庫主要用來調(diào)整和動畫HTML5和Javascript屬性。提供了簡單并且強大的tweening接口。

SoundJS 提供了簡單而強大的API來處理音頻。通過插件來執(zhí)行實際的音頻實現(xiàn)，無需學習平臺相關的知識，簡單直接的處理聲音。

PreloadJS 是一個用來管理和協(xié)調(diào)相關資源加載的類庫，它可以方便的幫助你預先加載相關資源，例如：圖片、文件、音頻、數(shù)據(jù)等等。

1.2 CreateJS版本 1.2.1 GitHub

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

以 EaselJS 為例，js 文件存放在 lib 文件中

easeljs.js v0.8.2 帶注釋版本

easeljs.min.js v0.8.2 不帶注釋壓縮版本，功能不受影響

easeljs-NEXT.js v1.0.0

easeljs-NEXT.min.js v1.0.0

1.2.2 英文

網(wǎng)址：https://www.createjs.com/

API 文檔版本為 v1.0.0

1.2.3 中文

網(wǎng)址：http://www.createjs.cc/

API 文檔版本為 v0.8.2（以 EaselJS 為例）

2 正 文

由于 createjs 各個庫中代碼都使用了：

this.createjs = this.createjs || {}

因為這里的 this 并不是掛載在 window 對象上，所以無法直接從 import 中引用。

2.1 方法一 2.1.1 安裝yuki-createjs

GitHub : https://github.com/yuki-torii...

npm i -S yuki-createjs
注意這里下載的版本不是官網(wǎng)最新版本。
2.1.2 使用yuki-createjs 
// include all
import "yuki-createjs" 
// or 
require("yuki-createjs")
// include one
import "yuki-createjs/lib/preloadjs-0.6.2.combined"
// or
require("yuki-createjs/lib/preloadjs-0.6.2.combined")
2.1.3 例 子 
// helloworld.vue

我是直接在 Vue 新建的項目里，HelloWorld.vue 來進行修改， 效果圖如下：

2.2 方法二 2.2.1 createjs-cmd 
npm i -S createjs-cmd

GitHub：https://github.com/yedaodao/c...

同方法一，下載的不是最新版本。
2.2.2 使 用 
import createjs from "createjs-cmd"
2.3 方法三 2.3.1 script-loader 
npm i -S script-loader
npm i -S createjs
下載的各個版本都有，可以來引用 1.0.0 版本，但是包含4個庫
npm i easeljs 下載的只包含舊版
2.3.2 使 用 
import "script-loader!createjs/builds/1.0.0/createjs.min.js";
2.4 方法四 2.4.1 @createjs/easeljs 
npm i @createjs/easeljs
2.4.2 使 用 
import * as createjs from "@createjs/easeljs"
2.0 BETA版（當前是這樣的，由于文章時效性，以后不清楚

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104253.html

相關文章

  • 初遇createjs

    摘要：本文主要是分享在開發(fā)中遇到的問題幾個小問題，適合初學者，如果你是大佬，可以幫我檢查下有沒有錯，哈哈哈介紹是的一個模塊。一個使畫布元素輕松工作的庫。開發(fā)問題問題一如何全屏方案一一開始查到的解決方案是設置寬度為窗口的文檔顯示區(qū)的寬度。 背景 開發(fā)手機端微信H5場景應用，需要用到圖片合成技術，開始了研究createjs之旅。本文主要是分享在開發(fā)中遇到的問題幾個小問題，適合初學者，如果你是大佬...

    ddongjian0000 評論0 收藏0

  • 初遇createjs

    摘要：本文主要是分享在開發(fā)中遇到的問題幾個小問題，適合初學者，如果你是大佬，可以幫我檢查下有沒有錯，哈哈哈介紹是的一個模塊。一個使畫布元素輕松工作的庫。開發(fā)問題問題一如何全屏方案一一開始查到的解決方案是設置寬度為窗口的文檔顯示區(qū)的寬度。 背景 開發(fā)手機端微信H5場景應用，需要用到圖片合成技術，開始了研究createjs之旅。本文主要是分享在開發(fā)中遇到的問題幾個小問題，適合初學者，如果你是大佬...

    hedzr 評論0 收藏0

  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0

  • 關于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<