一：專案需求
最近公司C/S架構的一個專案要重寫成B/S架構。
其中有老專案中有一個繪製電子報表的功能，大致如下圖
於是在前端用jquery手擼了一個類似功能的專案。
二：分析需要實現的功能
- 右邊有工具欄，可以選擇文字框，橫線，豎線，矩形，圓角矩形，圓，圖片，文字域進行繪製
- 可設定標尺，這裡標尺的單位是mm，cm ，將px與毫米，釐米進行轉換
- 設定元素背景色，設定字型顏色，上傳圖片等
- 可設定鎖屏功能
- 選中元素，可以按鍵盤上下左右進行移動
- 選中元素，按Shift+上下左右可調整寬高
- 可調整鍵盤操作移動和大小調整的基數，預設每次移動3px
- 選中元素，按delete可以刪除元素
- 可獲取所有生成的元素（輸出至控制檯，可根據需要自行修改）
三：頁面展示
宣告：前端我會的很少，做的不多，有很多不足的地方請大家輕噴。好，廢話不多說，直接上圖。
這是主頁面
元素展示
拖拽功能展示
鍵盤移動，設定背景色，字型顏色等
delete鍵刪除元素，鎖屏功能
獲取生成的元素資料
致歉：由於種種原因，最終完成版不能開源，所以只好委屈大家看這個簡單的demo
專案地址：
如果對您有幫助，麻煩幫忙點下star，感謝。
我的另一個jquery實現的Excel基本功能的工具