fabricjs

0熱

1答えて

私は、このようにカスタムイベントを呼んでいる：スケーリング/イベントを動かす： How can I fire custom events on canvas in Fabric JS? オブジェクトのように継続的にそれを呼び出すための方法はありますか？ SOLUTION：私は、オブジェクトを使用してこの問題を解決：イベントを動かす：あなたが継続的にイベントを呼び出す必要がある場合 canvas.

3熱

2答えて

fabricjs 1.6.3：アクティブオブジェクトが常に上に表示される理由

良い問題のデモ：http://fabricjs.com/hovering いずれかの項目を選択すると、上に表示されます。以前のバージョン（1.5.0 - 1.6.2）では、この問題は存在しません。悪い英語を申し訳ありません。

0熱

1答えて

Textbox enable scaleY

Textboxを拡張するカスタムクラスを作成していますが、yスケールを有効にする必要があります。 fontSizeではなく要素の幅/高さを変更するには、yスケールがxスケールと同じ動作をしていなければなりません。しかし、私は既にテキストボックスのコード全体をチェックしており、この振る舞いを持つために何を上書きするかを見つけることができません。 https://fiddle.jshell.net/

0熱

1答えて

は、どのように私はすべての形状が選択作るのですか、私はコードの下にしようとしている

任意の形状をクリックする必要がないように形状が常に有効にする必要があります意味： canvas.setActiveGroup(new fabric.Group(canvas.getObjects())).renderAll(); にしかし、それはとしてグループ全体を選択し、単一のエンティティ。

0熱

1答えて

Fabric.js IText - 次の文字のスタイルを設定する方法は？

はuraimoのgreat response here後、私はテキスト大胆を作るためのハンドラを作成するために管理している： addHandler('bold', function (obj) { var isBold = getStyle(obj, 'fontWeight') === 'bold'; setStyle(obj, 'textDecoration', isUnde

0熱

1答えて

ファブリックJS - 2点間の線の割合を描画します

したがって、私はファブリックJSで線を引くことができます。 var line = new fabric.Line([x1, y1, x2, y2], { stroke: 'red', strokeWidth: 0.9 }); canvas.add(line); それはx1,y1から行くことだけx2,y2 ドキュメントドンに向けて道の20％を引き出すことが必要であるので、

2熱

1答えて

Fabric JS：アニメーションオブジェクト上のマウスを使用

オブジェクトをアニメーション化してからmouse:overイベントを追加できます。 mouse:overイベントは、矩形の元の位置から発射し続けただし var canvas = new fabric.Canvas('c'); var x1 = 5; var y1 = 5; var x2 = 100; var y2 = 100; var rect = new fa

1熱

1答えて

ファブリックjsでシェイプの座標を取得するにはどうすればよいですか？

私は次のコードスニペットを試しましたが、私はthisCoords.t1としてアクセスしている場所で警告が未定義になっています。  function getCoords(oCoords) { return { tl: new fabric.Po

1熱

1答えて

fabricjsの別の図形の境界内にある図形を選択するにはどうすればよいですか？

他の図形の境界内にある図形を選択することができません。外形のみが選択されていることを意味します。形状が部分的に別の形状の中にある場合は、より大きな形状の境界の外側でマウスをクリックして選択することができます。しかし、可能な限り、形状は別の形状の下にあり、それを選択する必要があります。  canvas.on('mouse:mov

0熱

1答えて

影付きの透明なオブジェクト

FabricJSの透明なオブジェクトに影を追加する方法はありますか？私はset fillを透明にし、そのsetshadowの後に使いました。しかし、オブジェクトは透過的であるため、通常は影を見ることはできません。