fabricjs

10熱

4答えて

fabric.jsを使用してキャンバス要素のスケーリングポイントを無効にするにはどうすればよいですか？

デフォルトでは、fabric.js要素にはオブジェクトを拡大縮小するための8ポイントがあります。しかし、私が具体的に働いているアプリケーションでは、伸縮を単一の軸（水平または垂直）に許可しないでください。私はコーナーポイントだけを必要とします。 fabric.jsで可能でしょうか？

11熱

2答えて

Fabric.jsのZ-インデックスを制御する

fabricjsでは、マウスの下のオブジェクトがz-インデックスのシーンの上に上がってから、マウスがそのオブジェクトを離れると戻ってくるシーンを作成したいそれがどこから来たのかを知ることができます。 1つはobject.zindexを設定できません（これはうまくいくでしょう）。代わりに、私は古い位置でオブジェクトリストに入れられたプレースホルダーオブジェクトを使用しています。そして、古いオブジェク

18熱

3答えて

Fabric.jsにキャンバスオブジェクトを重ねる

公式のAPIを介してFabric.jsキャンバスにオブジェクトをレイヤーする方法はありますか？今私が見つけた唯一の方法は、canvas._objectsを手動で繰り返し、特定の順序で描画されるように並べ替えることです。オブジェクトを（潜在的に）破壊しない、これを行うためのより良い方法はありますか？

15熱

1答えて

画質の良いキャンバスをエクスポートするためのベストプラクティスは何ですか？

私はあなたの助けが必要です。私の状況を説明します：アプリケーションに図形、テキストなどを配置するためにfabric.jsライブラリを使用しています。私のキャンバスサイズは1000x1000ピクセル（約26.45x26.45センチメートル）です。 300 dpiのような高品質の画像をアップロードするための画像アップロードスクリプトがあります。基本的に私は次のことをしています： - キャンバスを

8熱

2答えて

ファブリックオブジェクトの選択領域を増やす方法は？

は、次のコードを考えてみましょう： var lineObj = new fabric.Line([120,200,320,200],{ stroke: '#000000', strokeWidth: 1 }); canvas.add(lineObj); この1つの画素ラインは、その非常に小さな幅により選択することが非常に困難です。私がここでやりたいのは、選択領域を広げ

8熱

1答えて

移動、スケーリング、回転中に選択したオブジェクトのみをレンダリングする

現在、私は、より大きなキャンバス領域と何百ものオブジェクト（テキスト、画像、図形、クリップアートなど）を必要とする「フォトコラージュメーカー」プロジェクトに取り組んでいます。問題は、それらのオブジェクトを移動、スケーリング、回転させることです.Fabric.jsはすべてのオブジェクトをレンダリングするので、オブジェクトが非常に遅くなります。選択したオブジェクトだけをファブリックキャンバスの上にレン

5熱

2答えて

ファブリックjでキャンバスのサイズを変更する

このアプリケーションでは、デザインを保存して他のユーザーが後で見ることができるように投稿することができます。 width = 700、height = 600の割合で元のキャンバスを保存しました。しかし、キャンバスを表示するときは、キャンバスのサイズを（350,300）のサイズに合わせて変更したいと考えています。元の半分。しかし、私がこれらの寸法を直接適用して幅を読み込むと、setWidth（）と

6熱

1答えて

Fabricjs intersectsWithObjectがObjectがfabric.Rectのときにfalseを返す

'object：moving'イベントを監視しながらfabric.Rectが他のfabricと重複するときを判断しようとしていますが、fabric間で結果が一致しません.Group vs fabric.Rect 私は、Rectインスタンスを介してグループを移動すると、intersectsWithObjectメソッドはtrueを返しますが、別のRectインスタンス上でRectインスタンスを移動すると

6熱

2答えて

Fabric.js - インポートしたSVGの色/塗りつぶし/ストロークを変更します

loadSVGFromURLを使用してキャンバスに配置されたファブリック内のSVGの色を変更する方法はありますか？ svgは単なる矢印ですが、塗りつぶしやストロークを設定できない場合はフィルタでこれを行うことはできますか？ $("input:radio[id='arrow']").click(function() { fabric.loadSVGFromURL('../scripts/svg/a

9熱

1答えて

fabricjsで回転したオブジェクトのコーナーの座標を見つける

私はfabricjsキャンバスにイメージがあるとします。画像のtop & leftの値とそのサイズに基づいて、コーナーの座標を簡単に計算できます。イメージをある程度回転させたときにどうすればいいですか？例： EDIT：好ましくは、三角法を使用することなく、どこかfabricjs自体または内に実装簡単な方法がある場合。