fabricjs

0熱

1答えて

Fabric JSを使用してポリラインを描画するために、x、y座標のJSONファイルを生成しました。しかし、私の現在の問題は、私が描いているキャンバスがopenseadragon（OSD）である間に、私が使用する座標系はイメージピクセルです。したがって、座標系を画像ピクセルからビューポート座標に変更する必要があります。私は変換を行うかもしれないopenseadragon imageToViewp

1熱

1答えて

canvas.clear（）でキャンバスが完全に透明にならない

キャンバスを使って（円、四角など）キャンバスをクリアしてキャンバスをクリアする必要があります。で試してみましたが、canvas.getObjects()それでもまだ形が見え、時には余分な形もあります。 shape still visible任意の参照に問題があれば私もチェックして extra boundary as well clear canvas canvas objects circle、な

0熱

1答えて

グループイメージを変更する（_calcBounds（）は何ですか？）

srcを変更したいときは、setElement（）を使用できます。例など `https://jsbin.com/lowuqezofu/1/edit?html,js,output` のようにそれは私たちが一番下にあるボタンをクリックしたときに変更されます。しかし、私は `https://jsbin.com/xerureviwe/edit?html,js,output` のようなグループに

0熱

1答えて

マウスクリックに最も近いオブジェクトを選択

マウスのクリック位置に最も近いオブジェクトを検索したい。これは可能ですか？私のオブジェクトは、DOTのように非常に小さいです。だから私はそれらを選択することができなかった、私はマウスのクリック位置に最も近いオブジェクトを見つけることができると思った。これを見つける方法はありますか？ var canvas = new fabric.Canvas('c', { selection: false

0熱

1答えて

FabricJSを使用してTextbox要素の2行目のテキストを選択する方法は？

FabricJSのTextbox要素でテキストの一部を選択する方法があるのでしょうか？現在、私は text.selectionStart = 0; text.selectionEnd = 4; を使用していますが、それは最初の行のテキストを選択する（なぜ意味があります）。ファブリックに、2行目のものを選択する必要があることを知らせる方法を教えてください。 TNX http://jsfid

0熱

2答えて

角度のモデルはキャンバスのテキストボックスの値を更新します

キャンバスはjsonから追加されたテキストとともに読み込まれました。キャンバス外のテキストボックスにデータを入力する際に、更新テキストを更新したいとします。フィディドを添付しました。 https://jsfiddle.net/sujathavts/km6vc8vs/6/ すべてのヘルプ <div ng-app ng-controller="LoginController" >

0熱

1答えて

FabricJs：グループ化を1レベルに制限する - グループ化する前にすべてのオブジェクトをグループ解除する

グループ化されたアイテムを別のグループにグループ化できないようにしたい。これを達成するための私の解決策は、基本的にユーザーが[グループ]ボタンをクリックしたときに、すべてのグループを解除してから選択を再度グループ化するときです。私の問題は、これが起こると、グループ化されていないアイテムが重複してしまうことです。キャンバスに1セット、新しいグループに1セット。ここでは、私が何を意味するかのビデオ

0熱

1答えて

Fabric.js - loadedSVGFromStringがレンダリンググループの前に終了するまで待ちます

私はFabric.jsと対話的キャンバスを作成しています。ユーザーがボタンをクリックすると、私のdiagram.jsファイルのaddNewItem関数が呼び出されます。これをクリックすると、キャンバスの中央に新しいグループを追加したいと思います。私が持っている問題は、グループに追加したい2つの要素の1つが、Fabric自身のloadSVGFromStringメソッド経由で読み込んでいるSVGだとい

0熱

1答えて

ファブリックjのサブターゲットプロパティグループがエクスポートされていません

subTargetCheck fabric.Groupのプロパティをシリアル化する際に含める方法はありますか？以下は、シリアル化されたファブリックjsグループのリンクです。：https://jsfiddle.net/n1zs07rw/1/ 私は1.7.19であるファブリックJSライブラリの最新バージョンを使用しています。 UPDATE：私がやったことはシリアライズ時にsubTargetC

1熱

1答えて

fabric.js canvasを使用してカスタムシェイプをトグル/選択/削除する方法

私はKrunal Shah/Thirdrocktechknoが提供する答えをhow to free draw using fabric-jsで使用しています。これはうまくいきます（少なくとも私はさまざまなシェイプを切り替えて、キャンバス）しかし、私はいくつかを把握しようとしています。異なる形状の間トグル（サークル/ライン/矢印/平方）その後、このより好ましい方法がある場合：は、これは私が形を切