/ Famo.us

[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, unpipeEventHandler 有關,主要就是用於監聽事件,或是將自身事件傳遞給指定模組
  • 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