問題タブ [fabricjs]

SVG をロードしてキャンバスにレンダリングすると、パス グループに含まれるテキストは常に中央に配置されます。以下の例では、テキストを左上隅に配置する必要があります。

SVG:

JS:

パスグループ内の四角形、円などは、期待どおりに表示されます。では、テキストが正しく表示されないのはなぜですか?

Fabric.js キャンバスで右クリック マウス イベントを受け取る方法はありますか?

次のコードは、左クリックでのみ機能します。

Fabric.jsのソースコードを読んでJavascriptを学ぼうとしています。

ファイルutil/lang_array.jsには、次のようなメソッドがあります。

私はその声明を理解していませんvar args = slice.call(arguments, 2)。私を困惑させる特定の部分は2、2番目の引数として渡されています（その場合はそうあるべきだと考えていますarguments）。JSリファレンスを調べたところ、基本的にargsを空の配列に初期化するという結論に達しました。[array, method]arguments[2]null

では、なぜ単純ではないのですvar args = []か？

ありがとう。

Fabric.js キャンバスでは、画像オブジェクトの src を高解像度画像に置き換えて、使用時の画質を維持しようとしていcanvas.toDataURLWithMultiplierます。

画像オブジェクトの src を変更すると、そのすべてのプロパティも変更されます。画像オブジェクトは自動的に別のサイズにスケーリングされ、すべての状態プロパティが変更されます。

これはバージョン 0.9.15 から発生します。バージョン 0.8.32 を使用すると動作します。バージョン 0.8.32 にはこの問題はありません。

コードは次のとおりです。

画像オブジェクトの初期状態のプロパティを取得してから、変更された画像オブジェクトの値を設定しようとしました。しかし、うまくいきませんでした。

この問題の解決策はありますか?

Fabric.js では、コード ブロックがフォーマットの条件チェックで囲まれている場所がたくさんあります。

if (!Array.prototype.indexOf) {}また

if (!Array.prototype.forEach) {}等

結果は常に偽ではありませんか? メソッドのブール値をチェックする理由

ありがとう。

布で新しいキャンバスを作成した後。div 内の絶対位置または相対位置 (相対位置または絶対位置も含む) を持つ要素は、クロムからの「範囲」タイプの入力を含め、正しくレンダリングされません。これらの要素が正しい位置に移動するのは、キャンバス上のオブジェクトにマウスを置いた後でのみです。Firefox では、すべてが期待どおりに機能します。これを解決するためのヒントはありますか？

キャンバス要素があり、そこから生地オブジェクトを作成します。今、背景色を動的に変更したいと思います。以下は私にはうまくいきません。

背景色は白で、赤に変わりません。

Inkscape で SVG を編集しました:

次のようになります。

fabricjs でインポートすると:

それはそれを得る：

(背景は問題ではなく、私のキャンバスのものです)

私はFabric.jsを使用しており、ファブリックキャンバスオブジェクトを1か所で作成しました。

別の場所で、「x」が使用できないこのオブジェクトにアクセスしたいと思います。では、どうすれば同じファブリックキャンバスオブジェクトを取得できますか。

xのスコープを変更したり、xをargとして渡したりしたくありません。

また、ファブリックキャンバスオブジェクトからtoDataURLを取得するにはどうすればよいですか？

私はこれを書いた：

しかし、キャンバスのどこかをクリックしても、イベントがトリガーされないようです