fabricjs

0熱

1答えて

私はファブリックjsでHTML5 CANVASを使用しています。最後にSVGに変換されます。私たちは、画像や切り抜きをサークル、長方形にアップロードすることができます..画像も切り取られ、テキストが追加されます。私が直面している問題は、画像がsvg.It下記のようなフル画像を表示します.iはでも試しました。何をすべきか、何か間違っている場合はどうか提案してください。 $(function(){

0熱

1答えて

React：別のコンポーネントのfabric.js canvasインスタンスと対話する

fabricjsキャンバスとやりとりするためのUIを作成しようとしています。左側には、キャンバスに追加できるアイテムのライブラリを表示するコンポーネントが表示されます。中間にはfabricjsキャンバスがあり、右側にはキャンバスに追加されたアイテム（Photoshopのレイヤーパネルと同様）がすべてリストされたコンポーネントが表示されます。左のコンポーネント（ItemsList.js）内でどのよ

0熱

1答えて

Fabric JSタッチイベント

私はPhonegapアプリケーション内でFabric jsを使用していますが、タッチイベントは機能しますが、ハンドルは非常に捕らえて使いにくいです。具体的には、回転ハンドルとサイズ変更ハンドルです。あなたが90％の時間に触れると、彼らはただ消えます。私は指とスタイルに疲れました。同じ結果。 http://fabricjs.com/touch-events は誰もがこれを経験している：私はコピー/自

0熱

1答えて

キャンバスにオブジェクトがレンダリングされる方法

最初に、キャンバス領域を超えてオブジェクトの上端値と左端値を制御してRectオブジェクトをインスタンス化し、Rectオブジェクトがキャンバス上にレンダリングされないようにしました。その後、Rectの上と下の値を変更して、イベントハンドラでキャンバスの領域にし、キャンバスにRectオブジェクトをレンダリングする方法を示します。次のコードはデモです： <canvas id="canvas" widt

0熱

1答えて

FabricJSグラディエントカラー値

私は、とcolorStops={0:'red',1:'black'}を実行すると、値が(x1,y1,x2,y2)の線形のもので、左側が黒色でグラデーションが適用されています。しかし、私が(0,0,10,0)またはcolorStops={0:'black',1:'red'} [色を切り替える]のいずれかの形の右側から開始したい場合、値（グラジエント範囲）は同じになることはありません。 x1の値が10

0熱

1答えて

Fabric.jsテキスト：変更されたイベント

私はtext:changedイベントで作業していますが、ユーザーが入力をやめるのを止めるときに関数を起動する必要があります。たとえば、ユーザーが入力して2秒間タイピングしてから。は、下のテキストの変更にイベントを発生するために私のコードです：あなたが探している機能は、一般的に debounceと呼ばれている canvas.on('text:changed', function(e) {

0熱

1答えて

originXとYにもかかわらずFabricJsの適切な位置に要素を表示するには？

私は2つのほぼ同じ要素を持っています。私は2つの異なる起源のそれらを同じ左に置く方法を理解していません。ここが予想される図である。そして、ここでは、私が得るものです： - >Here is the link to jsFiddler <から注：彼らLEFTは同じです！これは私がバックエンドから得ているものです。 TNX var canvas = new fabric.Canvas('pap

0熱

2答えて

fabricjs rectのサイズを変更して境界線のサイズを維持する

fabricjs rectのサイズを変更するのではなく、resizeハンドルをドラッグして奇妙な動作が見られます。境界線が消えたり複製されたりします。私はfabricjsの安定版1.7.19とベータ2.0.0の両方を試しました。ここ canvas.on('object:scaling', function(){ var obj = canvas.getActiveObject(),

-2熱

1答えて

画像としてエッジポイントが必要です

私は画像と同じカットラインを作成しようとしています。エッジを検出するにはcannyJSを使用しました。問題はエッジ点を持つ矩形画像として出力を出力するcannyです。私は画像としてエッジのみを必要とします。可能ですか？：期待される結果は、このようなものです：例えば、私は下の画像をアップロードする場合、私はこの出力を得ましたまた、イメージからsvgパスを取得する他の方法がありますか？

5熱

1答えて

ファブリックJS：テキストオブジェクトの選択領域が実際のテキストサイズより大きい

ファブリックJSを使用して、キャンバスにテキストオブジェクトとイメージオブジェクトを追加しています。しかし、テキストオブジェクトを追加して選択すると、実際のテキストサイズよりも大きな選択領域が表示されます。 Please refer this link to see the screen-shot. 私たちは、テキストオブジェクトを追加するには、次のコードを使用しています。 var text