初心
市面上，有許多商業微信場景編輯 易企秀 兔展
在這些平臺上，我們可以輕輕鬆鬆通過拖拽的方式去構建一個絢麗的微信場景
像婚禮請柬、活動邀請函、產品宣傳等等，這些都能通過這些平臺輕鬆構建
那這樣的編輯器是如何實現的吶？
懷揣著對技術不斷探索的心思，我動手實踐了這樣的微場景編輯器
願景
打造一款現象級微場景編輯器
自由定製，隨心所欲，秀我所想
技術棧
react + redux
產品解析
產物
首先分析下通過這個編輯器能構建出什麼
當生成一個場景時，會有個二維碼，使用手機掃這個二維碼就能看到生成的效果
它的頁面其實是在一屏上，通過上下滑動來切換場景內容，就如走馬燈一樣
編輯器
要產出上面的說的產物，編輯器需要具備哪些功能吶
- 物料庫 - 頁面中顯示的每個元素稱之為物料
- 物料是豐富頁面內容的元素，可以是文字、圖片、表單、藝術字、文字與圖片任意組合等等
- 物料統一的編輯行為包括拖動、縮放，旋轉
- 物料可以擁有特有的屬性
- 層級管理器
- 每個頁面中顯示的物料，需要有個層級，方便對物料排列
- 頁面管理器
- 生成的作品中會包含多個頁面，切換頁面來在不同頁面上進行創作
- 工作屏（設計尺寸為320 * 480）
- 創作的工作在這個指定區域完成
- 這裡顯示當前正在編輯的頁面所包含的物料
最後
看來這麼久快來體驗
如有疑問，歡迎反饋