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。