性能問題
使用fla導出canvas動畫的時候也會碰到性能問題，遇到性能問題，一
般都是在Animate cc做動畫的時候可以規避掉的，
減少矢量，減少影片剪輯（movie clip），減少嵌套，減少濾鏡特效
1、嵌套規范
在使用animate cc設計動畫效果時，盡量不要太多的嵌套，比如：影片剪輯
里面再嵌套影片剪輯或者是幀里面再嵌套其它幀
2、濾鏡和動畫規范
不要使用濾鏡特效比如（陰影濾鏡和發光濾鏡）來做動畫，因為這樣會非
常耗費性能，在移動端上性能不可控，可以使用逐幀圖片來代替相關濾鏡特
效來實現動畫
3、素材規范
少使用矢量多用位圖，Text shape都算矢量（用animate cc制作時，在里面
就直接把字和矢量圖轉成位圖）
Animate+webtrom與數據庫交互的幾個參考方法
①animate做復雜動畫場景和一些簡單的交互，導出html文件，然后結合
webtrom，canvas元素與其他HTML控件結合起來使用，以便讓用戶可以通
過輸入數值或其他方式來控制程序，使用非canvas技術實現，調用數據，和
數據庫交互，
②canvas和數據庫交互，把數據存進數據庫，更新圖形數據，例如：canvas圖表ECharts
③animate做出來的動畫，導出視頻、gif、圖像，存在數據庫里，與數據庫交互
更多canvas學習
Canvas API：提供了一個通過JavaScript 和 HTML的<canvas>元素來繪制圖形的方式。它可以用於動畫、游戲畫面、數據可視化、圖片編輯以及實時視頻處理等方面。
https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API
拓展學習《Core HTML5 Canvas：Graphics, Animation, and Game Development》
https://www.jianshu.com/p/3de074f739a8
HTML5 Canvas(W3chool) https://www.w3school.com.cn/html5/html_5_canvas.asp
<canvas>標簽
<canvas>標簽定義圖形，比如圖標和其它圖像，
<canvas>標簽只是圖形容器，必須使用腳本JavaScript來繪制圖形
canvas是一整塊的, 里面沒有dom這樣的對象模型
這個HTML元素是為了客戶端矢量圖形而設計的，它自己沒有行為，但卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。
注意：<canvas>標簽是HTML5中的新標簽，IE 8以及更早的版本不支持該標
簽
如何使用 <canvas> 標記繪圖
大多數 Canvas 繪圖 API 都沒有定義在 <canvas> 元素本身上，而是定義在
通過畫布的 getContext() 方法獲得的一個“繪圖環境”對象上。
Canvas API 也使用了路徑的表示法。但是，路徑由一系列的方法調用來定義，而不是描述為字母和數字的字符串，比如調用 beginPath() 和 arc() 方法。
一旦定義了路徑，其他的方法，如 fill()，都是對此路徑操作。繪圖環境的各種屬性，比如 fillStyle，說明了這些操作如何使用。
注釋：Canvas API 非常緊湊的一個原因上它沒有對繪制文本提供任何支持。要把文本加入到一個 <canvas> 圖形，必須要么自己繪制它再用位圖圖像合並它，或者在 <canvas> 上方使用 CSS 定位來覆蓋 HTML 文本。
什么是 DOM？通過 JavaScript，您可以重構整個 HTML 文檔。您可以添加、移除、改變或重排頁面上的項目
。要改變頁面的某個東西，JavaScript 就需要獲得對 HTML 文檔中所有元素進行訪問的入口。
這個入口，連同對 HTML 元素進行添加、移動、改變或移除的方法和屬性，都是通過文檔對象模型來獲得的（DOM）。
DOM 被分為不同的部分（核心、XML及HTML）和級別（DOM Level 1/2/3）：Core DOM定義了一套標准的針對任何結構化文檔的對象，
XML DOM 定義了一套標准的針對 XML 文檔的對象HTML DOM定義了一套標准的針對 HTML 文檔的對象。