問題タブ [fabricjs]

Fabric JS を使用して Windows 8 アプリの構築に成功した人はいますか?

作成したサイトをアプリに移植しようとしていますが、fabric.js ファイルが未定義であるというエラーが発生し続けます。

ファブリックはこれでも機能しますか? 私のサイトは IE で動作しません...

お知らせ下さい。

Windows 8 アプリの開発に FabricJS (または他の同様のライブラリ) を使用して成功した人はいますか? 試していますが、致命的なエラーが発生し続けます (主に、ファブリック ファイル内の変数が未定義です)。

Fabric JS で作成した Web サイトを移植しようとしていますが、サイトが IE で動作しないため、Win8 ネイティブ アプリでも動作するのでしょうか?

キャンバスを PDF にエクスポートし、キャンバスに追加された要素のみをレンダリングしたいと考えています。例えば：

背景画像が設定されたこのキャンバスがあります。 http://i49.tinypic.com/n7lv.png

これは、PDF にレンダリングしたときの結果です (Bytescout ライブラリを使用) http://i50.tinypic.com/346ud7m.png

これは私がそれを次のようにしたい方法です: http://i50.tinypic.com/2q1s9hv.png

つまり、背景画像なしで、角が丸くならないようにしたいのです。キャンバスはファブリック フレームワークを使用して作成されます。私の考えは、背景画像を除くすべての要素をキャンバスに追加し、そこから PDF をレンダリングすることです。ガイドラインはありますか？それは行く方法ですか？

overlayImage にフィルターを適用したいと思います。それを行う唯一の方法は、レンダリング後にキャンバス全体にフィルターを適用することですか?

テキスト要素の追加

テキストとサイズの更新

テキスト要素の削除

私の問題は

テキストを追加したり、テキストを更新したりできます。
しかし、更新されたテキスト要素を削除できません。

さて、ここで何が起こっているのかです。fabric.js を使用しているこのページがあります。問題がすべて解決されたのは、changetext() 関数です。キャンバスへの書き込みではありません。すべての変数が関数に渡されていることはわかっています。関数内のコードが機能することはわかっています。関数内では機能しません。

こんにちは、JavaScript を使用してフロア プラン エディター (MsPaint のようなもの) を作成しようとしています。優先ライブラリとして、EaselJSまたはKinetiJSを最終候補に挙げました。

これらのライブラリを使用して動的な長方形のボックス/ラインを作成する方法を知りたいです。マウスをクリックしてドラッグして（マウスボタンを押したまま）長方形を描くつもりです。したがって、四角形のサイズは、マウスをドラッグした距離によって異なります。

どんな助けでも大歓迎です。fabrisJsやpaperJsのような他のライブラリがより良い代替手段になると誰かが感じた場合、私はこれらのライブラリのソリューションにもオープンです。

私はfabric.jscanvas要素に画像を追加して操作するために使用しています。最終結果を画像ファイル（JPEG / PNG）にエクスポートしたいのですが、運が悪かったので、いくつかの方法を試しました。

1つ目はHTML5canvas.toDataURLコールバックを使用することでした-機能しませんでした（明らかに、これはクロスオリジン画像では実行できません）。

次に、キャンバスをSVGにエクスポートして、convertユーティリティを使用しようとしました。

SVGは次のようになります。

おそらく画像リンクのために、それも機能しませんでした。http://...image.png次に、リンクされた画像をダウンロードしてローカルに保存し、リンクをに置き換えてみました/path/to/image.png。運がない。

これを実現する方法はありますか？ありがとう。

アップデート

それ以来、ファブリックのノードモジュール（npm install fabric）を使用し、ファブリックのキャンバスのJSON表現（canvas.toJSON()ファブリック内）を使用して画像を生成することでこれを解決しました（キャンバスモジュールも使用します- npm install canvas）。

これを行う方法の簡単な例を次に示します。

おはようございます、皆さん、複数ページのpdfからキャンバスから詳細をロードする必要があるため、ファブリックjsonデータの配列をサーバーに渡し、しばらくしてからロードし直すという問題があります。キャンバス名も渡す必要があります。

ここでの問題は、JSON.stringify(mycanvas); を使用する場合です。私のカスタマイズ属性をjsonデータに変換しません。そのため、生地キャンバスから継承して属性を拡張するなどの操作を行う必要があります。

カスタムテキスト、カスタム画像を作成するのに役立つものを見つけました。それらに似たものを試しましたが、うまくいきません。これについて私を助けてください。

私のコード：そのようなカスタマイズキャンバスを作成するコード

/////////////////////////////////////////////// ////////////

//そして、新しいカスタマイズ キャンバスを作成する

誰かがこれについて私を助けることができれば、私はとても感謝しています。