angular editor fabric js

Angular-editor-fabric-js

基於Angular的Fabricjs的拖放編輯器，並具有多種選項

例子

輸出

特徵

• 導出到圖像
• 導出到SVG
• 保存到localstorage
• 來自LocalStorage的負載
• 乾淨的工作區
• 調整工作空間大小
• 添加文字
• 添加圖像
• 上傳圖像
• 添加數字（矩形，三角形，正方形，圓圈）
• 渲染給Json
• 克隆對象
• 發送到前對象
• 發送到背面對象
• 刪除對象
• 取消選擇對象
• 將ID添加到對象
• 不透明度對象
• 顏色要對象
• 字體著名的對象
• 文本與對像對齊
• 對象的樣式
• 字體大小到對象
• 線高到對象
• char間距

在您的項目中安裝庫

npm i angular-editor-fabric-js

發展

安裝項目

git clone https://github.com/kevoj/angular-editor-fabric-js.git
cd angular-editor-fabric-js
npm install

開始

為開發服務器運行ng serve 。導航到http://localhost:4200/ 。如果您更改任何源文件，該應用將自動重新加載。

建造

運行ng build以構建項目。構建工件將存儲在dist/目錄中。使用-prod標誌進行生產構建。

運行單元測試

運行ng test以通過業力執行單元測試。

運行端到端測試

運行ng e2e通過量角器執行端到端測試。在進行測試之前，請確保您是通過ng serve提供應用程序的。

執照

麻省理工學院©