fabricjs

3熱

1答えて

サイズが10の丸いブラシを使用しているとします。どのようにキャンバスに描かれるのかをユーザーに示すためにカーソルを変更できますか？これらは、freeDrawingCursorのオプションですが、これは通常のカーソル用です。十字線またはポインタ。アイデア？

0熱

1答えて

Fabric.jsガイド/ブリードライン

私はfabric.jsを使用して印刷用の画像を出力するエディタを構築しています。これらは完全なにじみのプリントであり、キャンバス上の他のすべての上にブリードマージンを表示する方法が必要です。私がこれまでに発見した最善の解決策は、単にキャンバス上の4行を描画することですが、彼らは常に他のオブジェクトの後ろに入れて、順番を積み重ねるオブジェクトをいじりなっています。これには簡単な解決策があるようで

1熱

1答えて

transformMatrixを使用した変換ポイントはfabricJSでどのように機能しますか？

fabric.Polygonのコーナーにポイント（fabric.Circleで作成）を配置しようとしています。ポリゴンは、ユーザによって移動、拡大縮小または回転されてもよい。しかし、それぞれの修正の後、私はそこに私の円を配置するためにポリゴンの新しい座標を持っていたい。このトピックの深いところを掘り下げながら、私はthis変換マトリックスの素晴らしい説明を見つけました。私はそれが私が達成したいも

1熱

2答えて

JavaScript - SVGを動的に作成してカーソルを変更する

HTML5キャンバス（この場合はfabric.jsを使用しています）があり、キャンバス上のカーソルを変更して、選択されたブラシのサイズと色を表したいとします。私は、SVGのプロパティ（サイズ&の色）をJSと動的に変更することによってこれを行う方法があるべきだと考えていますので、複数の画像を使用する必要はありません。これが可能ならどんなアイディアですか？ var canvas = new fabri

0熱

2答えて

fabric.jsバックグラウンドとして使用し、キャンバスのサイズにリサイズしたときの画質を維持する方法

1920x1080のサイズを持つ大きな画像がありますが、現在のキャンバスのサイズは800x600です。画像のスケーリング背景ピクセルのサイズ/画像の品質を低下させる。輸出するときでさえ、画質はまだ低いです。どうすればそれが起こるのを防ぐのですか？ var background = 'image.jpg'; canvas.setBackgroundImage(background, can

0熱

1答えて

fabricJS永続しないFloodfill

私は、キャンバスをFloodfillingするアルゴリズムを持っています。私はこれをfabricJSに組み込もうとしています。だからここにジレンマがあります....私は布を作ります。キャンバス（）。これはラッパーキャンバスと上キャンバスキャンバスを作成します。キャンバスをクリックして私のFloodfill（）を適用します。これはうまく動作し、私の色を適用します。しかし、キャンバスオブジェクトをドラ

0熱

1答えて

FabricJS +ノードがnodeJsファブリックを介してbackgroundImageを設定できない

ノードキャンバスを使用してFabricJに背景を設定できません。おそらく間違っていますが、どこにも見つかりませんでした私が本当にやるべきことのオンライン。私が見る唯一のコードは、通常のノードですが、私は次のコードを書くとき、私はを行う必要があります正確に何を教えない場所だから、私が得るすべては、私が追加したすべてのもので、最終的なイメージではありませんが、透明な背景。 var out = fs

3熱

1答えて

FabricJS - オブジェクトが選択されたときにレイヤーインデックスが変更されないようにする

FabricJSアプリケーションに問題があります。デフォルトでは、fabricjs内のオブジェクトレイヤーは、選択すると上に移動します。このオプションを無効にして、アクティブな要素のインデックスが変更されないようにします。それが可能だ？

3熱

1答えて

fabric.jsオブジェクトを別のオブジェクトの下に移動する

私は2つのレイヤー（0,1）を持っています。 0はキャンバス上の一番下のイメージであり、1は上のイメージです。レイヤー0は人体テンプレート、レイヤー1はいくつかの目です。私は、最上層を動かすことなく、または最上層を覆うことなく、最下層（本体層）を動かすことができるようにしたい。基本的に、目は体に座って見えますが、体の画像を動かすことができます。私は、周り（人体層）レイヤ0をドラッグを開始したときし

1熱

1答えて

fabric.js：フリーハンドパスを塗りつぶしてシェイプを描くにはどうすればよいですか？

fabric.jsではフリーハンドパスを描画できます（例：http://fabricjs.com/freedrawing）。しかし、HTMLキャンバス2D-コンテキストctxに、私はまた、パスを描画して、パスを記入し、パスの記入形状を作るために ctx.fill（）を呼び出すことができます。例コード：マウスが上がると、パスが埋められます。 function draw() { ctx.li