[Famo.us] Surface 核心說明

[UPDATE] Famo.us 官方已捨棄此模組，詳情請看官方 Github

簡單的核心說明，隨時會補充（因為不知道官方還會不會新增東西

Surface 核心模組

這個模組預設會產生一組 <div> 的 DOM 元素，然後再進行操作。初始化的參數可以有，

• size 是個陣列 [width, height] 單位是 px，必須要是數字
• classes 也是陣列，這裡的內容會是 <div> 元素的 class 屬性值
• properties 必須是一個 Object，內容是 CSS 設定值
• content 內容是 HTML 字串

可改變的設定

• elementType 預設是 div，你也可以用 span 他就會建立一個 <span> 的 DOM 元素
• elementClass 預設是 famous-surface，你也可以改掉

模組方法

• on, removeListener, emit, pipe, unpipe 與 EventHandler 有關，主要就是用於監聽事件，或是將自身事件傳遞給指定模組
• setProperties, getProperties 設定與取出 properties 內容
• addClass, removeClass 設定與移除單一 class
• setClasses, getClassList 設定多組 class 與取得目前 classes 列表
• setContent, getContent 設定與取得 content 內容
• setOptions 改變 options 初始值
• getSize, setSize 設定與取得 size

本文同步更新

https://github.com/hinablue/famous.tw/issues/9