fabricjs

4熱

3答えて

の背後にあるイメージ・コントロールは、私はjQueryとfabric.jsライブラリとキャンバスのユーザーインターフェイスを構築していると私は、次のコード var bgImgSrc = bgImg.attr('src'); canvas.setOverlayImage(bgImgSrc, function(img){ canvas.renderAll(); }); を用いた透明部

6熱

1答えて

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

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

8熱

5答えて

キャンバスでのマウスのオフセット[fabric.js]

マウスのオフセットについて3〜5のトピックを読んだことがありますが、まだどこが混乱しているのかわかりません。私の場合は、すべてが正常に60％で動作します。他の40％マウスでは、オフセットされています。 Demo here。オブジェクトの位置がマウスの動作に関連しないことがあります。（IE &クロムが最も混乱しています）私はスタイルシートと親divを編集しようとしましたが、何もしませんでした

0熱

1答えて

fabricjsインタラクティブな描画最初の図形を描いた後にイベントシステムをリセットする必要はありますか？

Fabric.jsを使ってインタラクティブな図形を描くと、複数の図形を作成しない限り、図形を編集できません。デモは明らかに問題がここにある表示する http://jsfiddle.net/pingcrosby/brZ2N/ Click the box tool and draw 3 boxes NOT overlapping and try selecting them. Click

9熱

1答えて

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

私はfabricjsキャンバスにイメージがあるとします。画像のtop & leftの値とそのサイズに基づいて、コーナーの座標を簡単に計算できます。イメージをある程度回転させたときにどうすればいいですか？例： EDIT：好ましくは、三角法を使用することなく、どこか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を手動で繰り返し、特定の順序で描画されるように並べ替えることです。オブジェクトを（潜在的に）破壊しない、これを行うためのより良い方法はありますか？

0熱

1答えて

Fabric.js - 新しく作成されたパスでの形状認識の実装

Fabric.jsベースのプロジェクトに基本的な形状認識機能を追加したいと思います。私は現在、パス：created observerを使用して、新しく作成されたパスを取得し、パスが何らかの形を作成するかどうかを示す関数にパス表現を渡します。パス全体が実際にどのように実際に表現される。パスオブジェクトにはパス自体を表すパス配列がありますが、それがどういうものなのかは分かりませんが、このような機能

15熱

1答えて

問題/私はFabricJSを使用していると私はキャンバスの私のSVGの表示に問題が発生したFabric.js

でのレンダリング：結果は（fabricJSの選択ボックスの外に表示されます変換後に選択のアンカーが消えてしまい、それを見つけることが不可能になります。私はPotraceの出力SVGを使用していると私はそれが私の問題の起源だと思う：ここはスクリーンショットです。ここにSVGのコードを示します。SVG code in pastebin このページのFabricJSでテストすることができます：