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を実行して、Karmaを介してユニットテストを実行します。

エンドツーエンドテストの実行

ng e2eを実行して、プロトラクターを介してエンドツーエンドテストを実行します。テストを実行する前に、 ng serveを介してアプリを提供していることを確認してください。

ライセンス

MIT©