fabric.js-6

語言: CN / TW / HK

有了之前的知識儲備,

那麼我們已經知道了

fabricjs

他在原生底層的canvas api的基礎上

進行了一個合理的,有道理又比較好用的包裝,也可以説成是封裝,

fabricjs提供了一些簡單的圖形類,可以很方便快捷的構造出簡單的圖形,傳入參數,位置、寬高、填充、radius,另外fabricjs的對象採用原型繼承模式,可以調用fabric.Object.prototype上的方法,有時尚方法set和get可以用來做屬性的訪問。path和group兩個老鐵很強,可以更豐富,做更復雜的操作。可以fabric.Image.繪製圖片節點。

fabricjs還提供了動畫方法,叫做愛你梅特方法。

愛你梅特方法,和set方法,用起來類似,但又有第三個參數,接收一個對象,可以在裏面寫onChange方法,回調函數,

這個愛你梅特方法,甚至可以傳參數一個相對值,而不是絕對值。

講道理,文檔寫了,renderAll之所以寫在回調方法裏,因為fabricjs沒有自動每次都整個渲染,因為性能考慮,但大多數情況下,需要在動畫的回調裏寫上renderAll。