問題タブ [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 投票する
0 に答える
761 参照

fabricjs - Fabric.js FPS テスト

多くのアニメーション化されたオブジェクトを使用した fabricjs レンダリング パフォーマンスのテストはどこにありますか?

このページを開いたのですが、現在の FPS の数がわかりません http://fabricjs.com/animation/

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

javascript - Fabric.jsオブジェクトのサイズ

オブジェクトのサイズに問題があります。簡単な例を次に示します。

ご覧のとおり、サイズが512pxのキャンバスがあり、テスト用に幅が512pxのdivがあります。また、512pxのサイズで描画するrectオブジェクトを作成しました。

スクリーンショットを見る

生地は半分のサイズで長方形を描きます。なぜ、または私が間違った方法で何をしているのか教えていただけますか?

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

drag-and-drop - Fabric.js キャンバスにドラッグ アンド ドロップ

fabricjs によって管理されているキャンバスにアイテム (画像や他のキャンバスからの他のオブジェクトなど) をドロップするにはどうすればよいですか? キャンバス内でアイテムを移動する方法の例をたくさん見つけましたが、アイテムを外側の要素からキャンバスにドラッグ アンド ドロップしたいと思います。

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

fabricjs - オブジェクトが fabric.Rect の場合、Fabricjs はオブジェクトと交差して false を返します

「object:moving」イベントを観察しながら、fabric.Rect がいつ別の fabric.Rect とオーバーラップするかを判断しようとしていますが、fabric.Group と fabric.Rect の間で結果に一貫性がありません。

Group を Rect インスタンス上に移動すると、intersectsWithObject メソッドは true を返しますが、Rect インスタンスを別の Rect インスタンス上に移動すると、false を返します。

私はここで何か間違ったことをしているのだろうかと思っています。

これが私のイベントハンドラーです

私はフィドルを作成しました。2 つ以上のブロックを選択してグループ化してみてください。他の fabric.Rect または fabric.Group インスタンスの上にドラッグすると、グループ化されたオブジェクトが赤くなるのがわかります。単一の Rect を別の fabric.Object の上にドラッグすると、intersectsWithObject が常に false を返すため、赤に変わることはありません...

http://jsfiddle.net/cyberpantz/9MkYJ/27/

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

javascript - Fabric.js でキャンバス オブジェクトの最大幅と高さを制限するにはどうすればよいですか

ここにjsfiddleがあります。

オブジェクトのサイズを変更するときに、オブジェクトの最大の高さ/幅を制限したいと考えています。

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

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

css - fabric.js でキャンバスの代わりに css3 を使用してレンダリングする

fabric.js で canvas の代わりに CSS3 を使用して SVG をレンダリングすることは技術的に可能ですか? http://ecsspert.com/play/css3-logos/twitter.php#edit

0 投票する
0 に答える
859 参照

webfonts - fabricjsでのWebフォントの使用

Google Web Fontsを使用しようとしていますが、例としてhttp://fabricjs.com/fabric-intro-part-2/

「fontFamily」プロパティの有効な値がわかりません。http://www.google.com/webfontsからランダムな名前を使用してみましたが、デフォルトで「Times NewRoman」に戻ります(例のように「Impact」は機能します)。

ビルトインのリストはどこで入手できますか?(grep -R Impact *ソースツリーで0ヒットを取得)使用したいカスタムフォントを追加するにはどうすればよいですか?(それがグーグルサイトに存在すると仮定しますが、私自身のローカルフォントも作成することについても疑問に思っています)

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

php - JSON 文字列 (キャンバスから) を MySQL テーブルに保存する

MySQLテーブルにjson文字列を保存したい。json 文字列はキャンバスから取得されます (fabricjs を使用)。

私の最初の質問は、json 文字列を MySQL に保存するのに最適なデータ型は何ですか? キャンバスには、テキストやその他のオブジェクトだけでなく、画像も含まれます。MEDIUMTEXT で十分だと思いますか?

もう一つの質問。この準備されたステートメントでjson文字列を保存することは可能ですか? 文字列にキーワード「s」を使用するのは疑わしいです。

助けてくれてありがとう:) あいさつマックス

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

node.js - Fabricjs+Node.js: ファブリックのキャンバス toDataURL がメソッドではなく toBuffer() を呼び出す

次のコードを使用して、json 文字列からキャンバスをロードできるかどうかを確認し、そのための dataURL png を生成しています。

toDataURL() 行で次のエラーが発生します。

/root/node-v0.8.16-linux-x86/node_modules/canvas/lib/canvas.js:190 戻りプレフィックス + this.toBuffer().toString('base64'); ^

「これ」(console.logによるとCanvas)には.toBuffer()メソッドがないことがわかります。何か間違ったことをしているのですか、それともファブリックのノード モジュールのバグですか?

ありがとう。