fabricjs

1熱

1答えて

キャンバスにオブジェクトの整列（右、中央、左、上、下）を実装しようとしています。ユーザーが1つのオブジェクト（テキストまたは画像）を選択した場合、ユーザーが[右揃え]オプションをクリックし、次にその選択されたオブジェクトが右揃えになっているとします。私は以下の2つの方法を試みましたが、成功しませんでした。 var canvas = new fabric.Canvas('a'); canva

0熱

1答えて

Fabric JSのフォントサイズをリセットする

キャンバス内のテキストのフォントサイズを変更しようとしています。私は以下のオプションを試してみましたが、正しく動作していません。私は制御オプションを使用してテキストを拡大していると私はフォントサイズを適用している場合は、それが動作しないと言うことができます。 var canvas = new fabric.Canvas('a'); var add_text = new fabric.ITex

0熱

1答えて

FabricJSのテキストボックスでバックスペースキープレスイベントにロジックを追加する方法は？

私が探しているのは、自分のロジックをkeyPressイベントに追加する方法です.Textbox要素からいくつかの文字を削除する前に、何かをチェックする必要があります。「キャッチ」イベントを追加できましたが、今はテキストボックスから何も削除されません。私はBackspaceキーを制御する方法を見つけた http://jsfiddle.net/redlive/n2x5k3Ld/ fabric.Tex

0熱

1答えて

ファブリックjsを使用してキャンバスに線の矢印を描くにはどうすればよいですか？

私は、私は単純な技術を使用していることを行われたボタン <button style="margin-left: 0" class="btn btn-info btn-sm" id="line-shape-arrows"> <i class="fa fa-long-arrow-right"></i> 矢印 </button>

0熱

1答えて

svg rawデータを使用してPDFを生成する

php側でsvg rawデータ（ファブリックjsから取得）を使用してpdfを生成することはできますか？私は少しを検索し、この例を発見した： https://tcpdf.org/examples/example_058/ が、そのSVG画像を除いていないSVG生データなので、どのように1は、PHPを使用して、サーバー側のSVG生データを使用してPDFを生成することができますか？

0熱

1答えて

ファブリック内のテキストに文字間隔を与える

私のプロジェクトではファブリックバージョン（1.6.2）でfabricJSを使用しています。文字間にスペースを入れるプロパティはありますか？私はこのcharSpacingプロパティchar spacing fiddleを調べましたが、バージョン（1.6.2）では利用できないと私は考えていましたが、これを試しましたfiddle2。類似の方法は他にありますか？おかげ PS：私はそれが完了段階にあ

0熱

2答えて

ファブリックJS - ページのサムネイルを動的に変更

マルチページ環境でFabricJSを使用しています。私たちのページリストビューは、キャンバス上で何かが変更された場合に生成されるサムネイルを使用する必要があります。今我々はいくつかのオブジェクト関連のイベントに耳を傾け、このような変化にサムネイルを更新している： canvas.on('object:modified', function (option) { PagesControll

2熱

1答えて

新しいファブリックJSのドラッグアンドドロップイメージの問題

ファブリックJSの最新バージョンでは、イメージドロップ機能が期待通りに機能しません。 function handleDrop(e) { e.preventDefault(); // this/e.target is current target element. if (e.stopPropagation) { e.stopPropagation

0熱

1答えて

fabricjsキャンバスを保存するときにPNGが空白になる

現在、フラスコでアプリをホストしています。イムユーザーが自分のキャンバスにない描画を取り、その後、彼らのためにそれを保存しようとすると、以下のコードは私のキャンバスを保存することを意図しているものです。 $(document).on("click", "#savepng", function(){ canvas.isDrawingMode = false; if(!wi

0熱

1答えて

Fabric.jsでオブジェクトを回転させた後の境界ボックスの境界線を再描画

私はFabric.js（バージョン1.7.19）を使用してキャンバスに描画しています。アクティブオブジェクトを90度回転させる「回転」ボタンがあります。回転はうまくいきますが、オブジェクトを囲むオブジェクトは回転したオブジェクトを反映するように変化しません。奇妙に見える以外は、オブジェクトを適切に選択できません。は、ここに私の回転オブジェクト関数です。 rotateItem = (e) => {