fabricjs

    7

    1答えて

    ファブリックjを使用して1つのキャンバスを作成しました。今私はスケーラブルな/印刷可能なイメージ(SVG & PNG)を作成するために苦労している。 toSVGファブリックjSのデータを使用して、サーバー側でSVGおよびPNGイメージを作成する方法をいくつか試しています。だから、そのユーザーはそのSVGを使ってそのカードを印刷することができます。(すべてのリンクは、私は、適切な方法を見つけるように

    2

    1答えて

    編集:Here私は選択中にそれを保持することができますが、何らかの理由で今ドラッグできません。何が間違っているのでしょうか? 私はコンピュータから画像をアップロードしてから画像を移動することができます。 私の問題:画像を選択すると、選択を解除するまで画像がポップアップします。それは私がそれを後ろにアップロードしているイメージの後ろに残すことが可能ですか? Please see this JSFid

    0

    1答えて

    ファブリック.jsを角度4で使用しています。コンポーネント内にキャンバスを作成して上手く描画できました。 私は私のfile.tsに をthis.canvas = new fabric.Canvas('canvas1',{});this.canvas.add(New fabric.Rect...)を使用し、私は複数のキャンバスを生成しようとしました、私は私のcanvas要素に* ngForを使用して

    1

    1答えて

    グループ内の線を描画すると、結果がぼかしされる線が増えます。たとえば、下のスニペットでは500行をレンダリングしていますが、1px幅ではないことがわかります。 これはなぜですか?私のグループは大きいですか、私は別の間違いをしていますか? var canvas = new fabric.Canvas('c'); var lines = []; for (var i = 0; i <

    1

    1答えて

    自由な図面を布に使用すると、描画がぼやけてしまうことがあります。 これは、問題を示した画像です: https://i.imgur.com/rchr44d.png これは完全なコードです:私はバージョン生地の1.7.19を使用 var Operations = { freeDrawing:0, selection:1, move:2, erease:3 };

    0

    1答えて

    現在、fabric.jsとkonva.jsとfabric.jsを調べているImは、すべての選択ツールを手動で実装する必要がないという利点があるようです。しかし、konva.jsでは、レイヤーの画像「投影」を抽出する方法は明らかです(それぞれのレイヤーには少なくとも1つのキャンバスがあります)、ファブリック内のグループを変換するのが難しいかどうかはわかりません。 jsをイメージに変換します(svgで

    1

    1答えて

    複数選択して削除しようとしています。 1つのオブジェクトを選択するとうまく削除されますが、複数選択すると何もしません。私は複数選択した場合、私は、配列から行くことができgetActiveObjectとして今 canvas.getActiveGroup is not a function を取得周りを見回したとv1.4を https://stackoverflow.com/a/41286840

    2

    1答えて

    誰かが私にこれを手渡してくれることを願っています。 Jsonからキャンバスを読み込んでいて、オブジェクトの1つを消去しようとしているコールバック機能があります。 canvas.loadFromJSON( json, function() { canvas.setWatermark(); canvas.setWidth(arr.width);

    0

    1答えて

    このコードはfabricjsサイトからです: var rect = new fabric.Rect(); rect.toObject = (function(toObject) { return function() { return fabric.util.object.extend(toObject.call(this), { name: this.nam

    0

    1答えて

    私は新しいfabricを作成するときにfabric.jsを使用しますが、私は新しいfabricを作成します。キャンバスに画像をドロップした後のイメージはクロムでは機能しません! 私のコードがある: var imgElement = document.getElementById(idImageToDrage); var imgInstance = new fabric.Image(imgEle