【隨心秀】開篇 - 開源微場景編輯器介紹

重磅！基於react技術開發的微場景編輯器正式推出！
搶先體驗 開源地址

初心

市面上，有許多商業微信場景編輯 易企秀 兔展
在這些平臺上，咱們能夠輕輕鬆鬆經過拖拽的方式去構建一個絢麗的微信場景
像婚禮請柬、活動邀請函、產品宣傳等等，這些都能經過這些平臺輕鬆構建
那這樣的編輯器是如何實現的吶？
懷揣着對技術不斷探索的心思，我動手實踐了這樣的微場景編輯器

願景

打造一款現象級微場景編輯器
自由定製，爲所欲爲，秀我所想

技術棧

react + redux

產品解析

產物

首先分析下經過這個編輯器能構建出什麼
當生成一個場景時，會有個二維碼，使用手機掃這個二維碼就能看到生成的效果
它的頁面實際上是在一屏上，經過上下滑動來切換場景內容，就如走馬燈同樣

編輯器

要產出上面的說的產物，編輯器須要具有哪些功能吶

• 物料庫 - 頁面中顯示的每一個元素稱之爲物料
  • 物料是豐富頁面內容的元素，能夠是文本、圖片、表單、藝術字、文本與圖片任意組合等等
  • 物料統一的編輯行爲包括拖動、縮放，旋轉
  • 物料能夠擁有特有的屬性
• 層級管理器
  • 每一個頁面中顯示的物料，須要有個層級，方便對物料排列
• 頁面管理器
  • 生成的做品中會包含多個頁面，切換頁面來在不一樣頁面上進行創做
• 工做屏（設計尺寸爲320 * 480）
  • 創做的工做在這個指定區域完成
  • 這裏顯示當前正在編輯的頁面所包含的物料

最後

看來這麼久快來體驗
若有疑問，歡迎反饋