去年是最忙碌的一年，實在沒時間寫博客了，看著互聯(lián)網(wǎng)行業(yè)中一個又一個人的倒下，奉勸大家，健康要放在首位，保重身體。
好了，言歸正傳，這是17年的第一篇博文，話說這天又是產(chǎn)品同學(xué)跑過來問我說：hi，lenny，你看現(xiàn)在市面上流行各種裝逼H5，隨便輸入點名字啥的就給我生成房產(chǎn)證了，這種還可以分享出去，傳播率可高了，或者你再看這里，一鍵生成邀請函，牛逼吧，要不你也幫我做一個這個功能，我去玩點傳播手段。

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

 

我看見效果后第一反映就是，肯定canvas進(jìn)行的圖片拼接，現(xiàn)在市面上流行的效果具體是如何實現(xiàn)的我沒有去看源碼，思路很清晰，于是晚飯后沒有下班，開始我的插件制作之旅了。

 首先，我們需要思考，既然是圖片處理，那么就必然存在圖片下載，我們知道圖片的onload是異步回調(diào)，所有的資源必須在下載完成后才可以進(jìn)行接下來的邏輯，前置資源下載的邏輯就很關(guān)鍵，我們不僅需要在onload事件回調(diào)后去處理我們后續(xù)的流程，同時需要在所有必須資源加載完成后才執(zhí)行，所以我們需要構(gòu)建一個資源數(shù)組大致如下：

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

[{
       {
            name: 'bg',
            src: '../img/bg.jpg'
        }, {
            name: 'z',
            src: '../img/z.png'
        }]

大數(shù)據(jù)培訓(xùn),云培訓(xùn),數(shù)據(jù)挖掘培訓(xùn),云計算培訓(xùn),高端軟件開發(fā)培訓(xùn),項目經(jīng)理培訓(xùn)

為了獲得最終的complete事件，我們需要利用一個全局變量監(jiān)聽onload或者onerror次數(shù)：

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式