fabricjs

1熱

1答えて

私がしようとしているのは、Lineオブジェクトにグラデーションを設定することです。 RectとCircleのような他の種類のオブジェクトでは、まっすぐであり、多くの例があります。 https://jsfiddle.net/o1ezLcjv/1/ スニペット var coords = []; coords.push(15); coords.push(17)

0熱

1答えて

動的なjavascriptオブジェクトを作成する

私はFabric.jsを使用しています。画像については、image filterオプションをユーザーに提供したいと考えています。また、コードは、最初の行以外の繰り返しであるとほぼ同じである var filter = new fabric.Image.filters.Grayscale(); canvas.getActiveObject().filters=[]; canvas.

1熱

1答えて

キャンバスの背景イメージのサイズを変更する - Fabricjs

私はfabricjsを使ってキャンバスを再生し、javascript経由でイメージを読み込みます。キャンバスのサイズを変更して反応させる機能があり、キャンバスに合わせて読み込まれた背景画像のサイズを変更したいが、アスペクト比を維持したい。私の基準を満たし、誰かが助けてくれることを期待している例は現在見つかりませんでした。 Javascriptを var canvas = new fabric.

0熱

1答えて

ファブリックのサークルのグループに選択できないのはなぜですか？

私はこの円のオブジェクトを有する： function makeCircle(left, top, line1, line2, lineId, stationIndex, stationID) { var c = new fabric.Circle({ left: left, top: top, strokeWidth: 0.2, radiu

0熱

1答えて

FabricJSのスケーリング/ズームキャンバス？

私はFabricJSにとって非常に新しく、私は何かを実行しました。私はそれを何時間も働いていたので、うまくいけば目の新鮮なセットがすぐに問題を見つけることができます。私はキャンバス要素を拡大しようとしています（イメージをロードした後に - 1920x1080と言うことができます）、スライダでズームできます。以下はこの方法の私の実装です： function zoomCanvas(scale) {

0熱

1答えて

（）

私は、サーバーにキャンバスを保存するには、次の提案の方法を使用しようとしています： Fabric.js - how to save canvas on server with custom attributes しかし、私の場合、私はからイメージをロードしていますURLのように： fabric.Image.fromURL(url, function(image) { image.alt

0熱

1答えて

fabric.js 'rectangle'は復元されません。

fabric.jsキャンバスを背景画像タイプrectで保存しようとしています。回復時に背景画像が表示されません。はここでの問題を実証jsfiddleです：「保存と復元」をクリックした後http://jsfiddle.net/revpz6qw/ を背景には、空白の代わりに黄色です。問題が見つかりません。おかげ

10熱

3答えて

webpack、babel：Fabric.jsのためのes6 importとrequireの比較

開発ツールチェーンにwebpackとbabelを使用しています。次のコードを実行している場合：私は代わりに importのrequire('fabric');を使用する場合、同じコードが正常に動作に対し _fabric2.default.Canvas is not a constructor ： import * as fabric from 'fabric'; var canvas =

0熱

1答えて

グループ内のファブリックjs選択オブジェクト

このように作成されたグループから単一のオブジェクトを選択できますか？ var r = new fabric.Rect(...); var l = new fabric.Line(...); var roadGroup = new fabric.Group([r,l],{ ... }); 私はグループを持ちたいが、オブジェクトlまたはrを別々に選択したい。

3熱

1答えて

FabricJS - 選択するとオブジェクトが前面に表示されます

オブジェクトのグループを選択すると、すべてのオブジェクトが自動的にすべての上にレンダリングされます。これは選択された要素の上にあった他の要素を選択することを困難にする厄介な動作です。その例は、hereです。 function newRect(index) { return new fabric.Rect({ width: 100, height: 100,