言語を選択

ホームページ

...

開発ツール

FabricJS

FabricJS の代替手段

FabricJS の代わりとなる 5 個の無料および有料のリストをまとめました。主な競合相手はPts、 Processing.jsです。これらに加えて、ユーザーは FabricJS と p5.js、 Paper.js、 oCanvas の間の比較も行います。また、他の同様のオプションもここで確認できます: 開発ツール。

Pts

Free Open Source

視覚化とクリエイティブコーディングのためのTypeScriptライブラリ。

Processing.js

Free Open Source

Processing.jsは、オープンプログラミング言語、...

p5.js

Free Open Source

p5.jsは、コアに基づいてグラフィックおよびインタラクティブなエクスペリエンスを作成するためのJSクライアント側ライブラリです...

Paper.js

Free Open Source

HTML5 Canvasの上で実行されるオープンソースのベクターグラフィックススクリプトフレームワーク。

oCanvas

oCanvasは、HTML5 Canvasでの開発を容易にするためのJavaScriptライブラリです。

FabricJS

Free

Open Source

ウェブサイトを訪問する

Github

Fabric.js is a powerful and simple Javascript HTML5 canvas library,

FabricJS ビデオとスクリーンショット

FabricJS 概要

Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

Fabric.jsを使用して、キャンバス上にオブジェクトを作成および設定できます。単純な幾何学的図形のようなオブジェクト—長方形、円、楕円、多角形、または数百または数千の単純なパスで構成されるより複雑な図形。次に、これらのオブジェクトをマウスで拡大縮小、移動、および回転できます。それらのプロパティ（色、透明度、z-indexなど）を変更します。これらのオブジェクトを完全に操作することもできます-単純なマウス選択でグループ化します。
ファブリックの非技術的な紹介

Fabric.jsを使用すると、JavaScriptを使用して、WebページのHTML <canvas>要素に、長方形、円、三角形、その他の多角形などの単純な形状、または多くのパスで構成されるより複雑な形状を簡単に作成できます。 Fabric.jsを使用すると、これらのオブジェクトのサイズ、位置、回転をマウスで操作できます。また、Fabric.jsライブラリを使用して、色、透明度、Webページ上の深度位置、またはこれらのオブジェクトのグループの選択など、これらのオブジェクトの属性の一部を変更することもできます。 Fabric.jsでは、SVG画像を<canvas>要素に配置するために使用できるJavaScriptデータに変換することもできます。