vue fabric editorダウンロード-Vue vue fabric editorソースコードダウンロード

vue fabric editor

その他のリソース

1.0.0

ダウンロード

英語|中国語

オープンソースの画像エディター

オープンソース画像エディター・プラグインアーキテクチャ・ドラッグアンドドロップ設計・フル機能

Fabric.jsとVueに基づいて開発されたプラグイン画像エディターは、フォント、素材、デザインテンプレート、右クリックメニュー、ショートカットキーをカスタマイズできます。

デモ・ドキュメント・有料版デモ・有料版はじめに

導入

クイックピクチャーデザインのVue-Fabric-Editorは、Fabric.jsとVueに基づいて開発された画像エディターであり、フォント、素材、デザインテンプレート、右クリックメニュー、ショートカットキーをカスタマイズできます。

アニメーションの紹介・はじめにビデオ

特徴

プラグインアーキテクチャ：プラグインを介して拡張および開発でき、右クリックメニューとショートカットキーをサポートできます。
ドラッグアンドドロップデザイン：大規模で完全なオンラインPSのような再追跡デザインツールではなく、軽量で簡潔なグラフィックエディター。
完全な機能：PSD分析、補助ライン、履歴、グラデーション、カスタムフォント、トリミング、その他の機能。

すでに関数があります

JSONおよびPSDファイルをインポートします
PNG、SVG、JSONファイルのエクスポート
組み合わせ/スプリットの組み合わせ
層関数
勾配特性
外観属性/フォント属性/ストローク/シャドウ
元に戻す/やり直します
ショートカットキー
メニューを右クリックします
補助線
ルーラー
カスタムフォント
カスタムテンプレート素材
SVG、画像素材を挿入します
マルチエレメントの水平および垂直アライメント
背景属性設定
矢印/行
ブラシ/ポリゴン図面
QRコード/バーコード
画像の交換/トリミング/フィルター
透かし
国際化

使用

最初にnode.js v16とpnpmをインストールしてから、次のコマンドを実行してください。

 pnpm i
pnpm dev

開発者サービス

WeChat Communication Group ：複数のWECHATプロジェクトコミュニケーショングループを結成し、著者とプロジェクトメンテナーがグループで活動し、定期的に質問に答えています。
fabric.js中国のチュートリアル：https：//blog.kuaitu.cc。
ナレッジプラネット：オープンソースエディターとfabric.jsに関する関連情報の長期的な更新、ベストプラクティス、開発エクスペリエンス共有、コードの例など。

有料版

企業がオンラインデザインツールを迅速に構築し、企業の研究開発投資を削減し、ホイールの繰り返しの作成を避けるのを支援します。

関数の紹介・製品の紹介・デモ

オープンソースバージョンには、フロントエンドコードのみがあります。有料版は、完全なフロントエンドおよびバックエンドおよび管理バックエンドの完全な機能を箱から出して提供し、ソースコードの承認を提供し、二次開発をサポートします。

箱から出して、完全な機能：リッチな設計機能、完全なフロントエンドおよびバックエンド機能を提供し、展開に使用できます。
プラグインアーキテクチャ、便利な拡張：プラグインAPIに基づいて、エディターセカンダリをすばやく開発します。
バッチ生成、クイックピクチャー制作：HTTPインターフェイスとテーブルファイルを介して、バッチ生成写真の写真をサポートします。
ドラッグアンドドロップデザイン、シンプルで使いやすい：通常のユーザーが操作に適しており、トレーニングなしで簡単に開始できます。
プラットフォーム全体の適応：PCバージョンとH5バージョンは、さまざまなアプリケーションシナリオをサポートしています。
技術ドッキング、ドキュメントトレーニング：よりサポートを提供し、技術的なドッキングを効率的に提供します。
カスタマイズされた開発、投資の削減：カスタマイズされた機能の迅速な完了をサポートし、R＆D投資を削減します。

貢献ガイド

このプロジェクトは、すぐに使用できるWeb Image Editorアプリケーションの作成に取り組んでおり、同時に、Web Image Editor ApplicationとFabric.jsの間にカプセル化レイヤーを堆積させます。カプセル化レイヤーは、開発者向けに設計され、よりシンプルなインターフェイスを提供し、開発者が画像アプリケーション開発を簡単に実装できるようにすることが期待されています。

この問題に興味がある場合は、心から私たちに参加して一緒に成長するように勧めてください。単純なgitとjavascriptの構文を知る必要があります。

[コードを提出して、Razerゲームマウスに勝つ]

謝辞

Li Mingye Ruler機能著者。
Palxiao Design Editorの勾配コンポーネント。

友好的なスポンサーシップ

管理者

貢献者

_nihaojob	_Qiu-Jun	_{wuchengguang1998}	_{アリセラニステ}	_YLX252	_liumingye
_MOMO2019	_近年	_Bigface2019	_Wohuweixiya	_ZJC2233	_ijry
_マケン	_Z09176141	_A847244052	_briver0825	_{Skyscraperno1}	_{ペンズヒアン}
_jiangshuq	_hudenhui	_ddshiyu	_Yehan68	_luke358	_Xiaozeo
_x007xyz	_Wozhi-cl	_vvbear	_{スラルケリノ}	_{ロリッター}	_Mojixiang
_Machetehot	_liuyaojun	_Jooyyy	_Guda-Art	_NANFB	_鈍い
_bamzc	_{ヤンゾンタイ}	_Alicehhhmm	_Fuqianxi	_Ichthoncosta	_liucity