問題タブ [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.
fabricjs - fabricjs Interactive Drawing 最初の形状を描画した後、イベント システムをリセットする必要がありますか?
Fabric.js を使用してインタラクティブな形状を描画すると、複数の形状を作成しない限り形状を編集できません。
問題を明確に示すデモはこちらhttp://jsfiddle.net/pingcrosby/brZ2N/
初期形状を描画した後、内部イベント システムをリセットする必要がありますか?
canvas - SVG viewBox要素のFabricJSサポート?
fabricJS は SVG viewBox 要素をサポートしているので、キャンバス上にのみレンダリングされますか? そうすれば、画面全体のズームが簡単に実装できます。
javascript - Fabric.js - 新しく作成されたパスに形状認識を実装する
基本的な形状認識機能を Fabric.js ベースのプロジェクトに追加したいと考えています。私は現在、path:created オブザーバーを使用して、新しく作成されたパスをフェッチし、パス表現を関数に渡します。関数は、パスが何らかの形状を作成するかどうかを判断できます。パス全体が実際にどのように表現されているのか疑問に思っています。 .
パス オブジェクトには、パス自体を表すパス配列があることがわかりましたが、それがどのように行われるかはよくわかりません。この種の機能を実装するより良いアイデアを誰かが持っている場合は、喜んで聞いてください。
svg - Fabric.js での SVG 表示/レンダリングに関する問題
FabricJS を使用していますが、キャンバスでの SVG の表示に問題が発生しました。
- 結果はfabricJSの選択ボックスの外に表示されます（翻訳のため？）
- 変換後に選択のアンカーが消え、元に戻すことができなくなります。
スクリーンショットは次のとおりです。
Potraceの出力 SVG を使用していますが、これが問題の原因だと思います。
SVGのコードは次のとおりです。 Pastebin 内のSVG コード
このページの FabricJS でテストできます: FabricJS Kitchensing example。
SVG のコードを [Load SVG] 領域に貼り付け、セクション ボックスのサイズを変更して回転させるだけで、SVG が表示されます。
問題の原因となっている SVG コードの一部または fabricjS コードの一部を知っていますか? その場合、自分で簡単に変更できますか? そうでない場合、誰かが修正したり、間違いを見つけたりすることは可能ですか?
ご助力ありがとうございます。
編集:どうやら、FabricJS は SVG のこの行が好きではありません:
特に、translate 属性と scale 属性は…どうすれば修正できますか?
EDIT2:解決策は、変換とスケールがそれぞれ (0,0) と (1,1) に等しいか、座標に適用されることです。
Potrace や JS スクリプトでそれを行うアイデアはありますか?
canvas - オブジェクト操作を可能にする Canvas JS ライブラリ?
http://kangax.github.com/fabric.js/quantity/のようなものを構築 して、回転、移動、スケーリングなどのキャンバス オブジェクトの操作を可能にする代替ソリューションを探してい ます。さらに重要なことは、コントロール ポイントがあるため、ユーザーにとって簡単です。
最初は間違った道に入るのが本当に怖いので、助けてください。
ありがとう
javascript - Fabric.js は、初期化後にキャンバス サイズを 300x150 に変更します
HTML:
CSS
JS
初期化後にキャンバスのサイズが 300x150 に変更されるのはなぜですか?
javascript - CanvasをFabric.jsに保存するには?
小さなオンライン描画ツールと画像ツールを実装しようとしています。このため、私はファブリックを使用するのが好きでした。私のプログラムでは、キャンバスを PHP に送信したいと考えています。または、キャンバスを jpeg 画像として web ディレクトリに保存します。
キャンバスの結果を画像として保存またはエクスポートする方法を教えてください。
javascript - Fabric.js のセットアップ方法
私はfabric.jsを初めて使用します。fabric.js をダウンロードしましたが、起動方法がわかりません。例えば：
このスクリプトでは、円が表示されるはずでした。私はこの例に従いました: http://fabricjs.com/customization/
しかし、なぜ何も見えなかったのでしょう。私は何が欠けていますか？
javascript - Fabric-js オブジェクトの setWidth() および setHeight() の問題
私はFabric.js（http://fabricjs.com）ライブラリに問題があり、何時間も解決できません... setWidth（）およびsetHeight（）（http://fabricjs. com/docs/symbols/fabric.Object.html ) しかし、正しく動作しませんでした。コントロールの境界線の寸法はうまく変更されていますが、画像は同じサイズのままです。スクリーンショットで確認できます。
誰かが私を助けることができますか？ところで、私が scaleToHeight() または scaleToWidth() で寸法を変更しようとすると、それはうまく機能するので、問題は上記の2つの方法にあるはずです...バージョン0.8.8を使用しています。
url - IE9 で canvas.toDataURL('image/png') を実行する際の問題 --> SCRIPT122: La zone de données passée à un appel système est insuffisante
IE9 の次の行に問題があります。
この行を実行すると、IE9 で PNG が表示されず、次のエラーが表示されます。
SCRIPT122: La zone de données passée à un appel système est insuffisante
URL が長すぎて正しく解釈できないということですか? どうすれば修正できますか？
どんな助けでも大歓迎です。よろしくお願いします…</p>