問題タブ [fabricjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1097 参照

json - 保存された FabricJS は lockScalingX を保存しません

いくつかのテストの後、最終的に fabric.canvas を MySQL データベースに保存しました。問題は、キャンバス内の画像のサイズを変更したくないことです。必要なのは回転だけです。残念ながら、保存された json には fabric.Image オブジェクトの lockScalingX および lockScalingY プロパティが保存されていません。fabric.canvas を取得すると、画像のサイズを変更できます。

これを回避する方法はありますか?

私は機能を使用します

phpを使用してjsonをデータベースに保存し、保存されたjsonを次を使用して取得します

私が話していることを確認するには、このフィドルを参照してください-> http://jsfiddle.net/lpccoder/YX9Wf/1/ oImg.lockScalingX = oImg.lockScalingY = true; を設定します。サイズ変更を避けるためにキャンバスに追加する前に。[保存] ボタンをクリックするとキャンバスが保存されますが、([読み込み] ボタンを使用して) 読み込むと、画像のサイズを変更できます。

これに対する回答が得られないので、キャンバスをロードした後に lockScalingX と lockScalingY を設定しようとしていますが、 forEach メソッドを使用すると奇妙な動作が発生します。つまり、これを機能させるには、forEach の前にアラートを配置する必要があります。このアラートを配置しないと、forEach ループは機能しません。これを明確にするために、この 2 つのフィドルを見て比較できます。

作業中 -> jsfiddle.net/lpccoder/hGPCG/

動かないもの -> jsfiddle.net/lpccoder/Vv4AW/

私はJavaScriptコーディングが初めてで、初心者の質問かもしれませんが、それは非常に奇妙な動作だと思います...解決策はありますか?

0 投票する
2 に答える
6557 参照

javascript - イメージをファブリック キャンバスの背景にロードする

こんにちは、画像をアップロードしてキャンバスの背景にしようとしています。コードスニペット:

問題は、キャンバスに背景が表示されないことです。chrome devtools でキャンバスの背景 src を確認できます。背景は実際に設定されていますが、なぜか表示されません。

0 投票する
3 に答える
9947 参照

backbone.js - base64イメージをfabric.Image.fromURLでロードします

私はfabric.jsの内部で作業しており、のコマンドbackbone.jsを使用してBase64イメージをロードする方法を理解しようとしています。fabric

次のような静的URLをプラグインすると、正常に機能します。

しかし、Base64イメージを正常にロードできません。この問題をどのように解決する必要がありますか?

0 投票する
2 に答える
3198 参照

fabricjs - ワンクリックでキャンバスのすべての要素をズームする方法は?

プロジェクトの 1 つで fabric.js を使用しています。ズーム機能を使用しています。クリックですべてのキャンバス (すべての要素を含む) を拡大する簡単な方法があるかどうかを知りたいです。

0 投票する
5 に答える
15520 参照

javascript - キャンバス内のオブジェクトを選択できないようにする方法は?

キャンバス内のすべてのオブジェクトを選択不可にしたい。選択可能なメソッドを見つけましたが、それをすべてのオブジェクトに実装する方法が見つかりませんでした。

0 投票する
5 に答える
5626 参照

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

マウス オフセットに関する 3 ~ 5 件のトピックを読みましたが、どこが混乱しているのかまだわかりません。

私の場合、すべてが 60% で正常に動作します。他の 40% では、マウスがオフセットされています。ここでデモ

オブジェクトの位置がマウスの動作に関係しない場合があります。(IE と Chrome が最も混乱しています)

スタイルシートと親 div を編集しようとしましたが、何もしませんでした。最悪なのは、規則性が見られないことです。私はどんな助けにも大いに役立ちます。

0 投票する
6 に答える
29130 参照

javascript - Delete multiple Objects at once on a fabric.js canvas in html5

I'm actually working on a html5 canvas project which uses the fabric.js Framework for the canvas interactions. Now I'm struggeling with the deletion of multiple objects. The following code does not seem to track the selected objects, but tracks all objects on the canvas.

Don't get my failure.

0 投票する
1 に答える
465 参照

javascript - CufonビルダーフォントjsファイルがFabric.jsで機能していません

Cufonビルダーを使用してフォントjsファイルをダウンロードしました。しかし、キャンバスで使用すると、そのフォントが機能しません。私を助けてください...

0 投票する
1 に答える
744 参照

fabricjs - canvas の代わりに div を回転するように更新する fabric.js

fabric.jsを使用してキャンバスの代わりにdivを回転可能にする方法は? この要件を満たすには、fabric.js で何を更新する必要がありますか? 画像をレンダリングするためにキャンバスをdiv内に配置しても問題ありませんが、キャンバスの代わりにdiv全体を回転させる必要があります。

0 投票する
3 に答える
21223 参照

javascript - Fabric.js - 長方形の塗りつぶしを変更する

Fabric.jsを使用するアプリケーションに取り組んでいます。

背景として配置した長方形の塗りつぶしを変更できる必要があります。

canvas.getActiveObject()長方形の塗りつぶしを変更するために使用します。残念ながら、四角形の Fill を変更する方法が見つからないようです。

これが私のコードです:

それを変更する方法についてのアイデアはありますか?前もって感謝します!