canva是H5新增的标簽，平時用的不多，但也正是如此導緻自己經驗缺乏，一個卡片，整了将近一星期，雖然有自己技術比較菜的原因，但網上相應的技術部落格無論是質還是量，比不上其他技術部落格也是無可争議的事實。
趁着剛完成一個小功能，總結一下自己的經驗，希望我自己這篇文章，對你起到幫助！
效果圖：
問題一：canvas背景設定
canvas并沒有直接設定背景的屬性方法，而是通過fillStyle方法把圖檔填充進矩形裡，當做背景，注意，需要加載才能使用，同時要使用createPattern方法
代碼如下：
當然，你也可以直接在css裡設定背景圖，不過可能會出現錯誤，比如：圖檔不顯示
問題二：圖檔輸出
寫完代碼後需要将所有圖檔合而為一，然後把canvas作為一張圖檔輸出出來,這裡就需要使用toDataURL方法，将合成的圖檔轉化為base64格式，然後進行輸出