fabricjs

    5

    1答えて

    私は、おそらく個々の画像ファイルまたはスプライトのいずれかとして提供される可能性のある数十種類の異なるグラフィックスを表示するFabricJSキャンバスを持つつもりです。各グラフィックでは、キャンバスに0〜数十回表示される可能性があります。 FabricJSにはclippingという能力があり、スプライトの使用を可能にすることが分かっています。一般に、ウェブ上のスプライトは、CSSなどの個々の画像

    7

    1答えて

    パスを描画しようとしていて、キャンバスのマスクとして使用しています。 'use strict'; var canvas = new fabric.Canvas('c', { hoverCursor: 'pointer', isDrawingMode: true }); canvas.freeDrawingBrush = new fabric.PencilBrush(c

    5

    2答えて

    に直接私がfabric.js から保存された文字列化JSONのPNGのサムネイルを作成する必要が を行きますこの保存されたJSONデータからのPNGサムネイルギャラリー。 ページ上に多数のキャンバスを作成し、このようなことを行うのではなく、 canvas.loadFromJSON(JSONDATA); thumbImage = canvas.toDataURL('png'); $(this).

    20

    1答えて

    オブジェクトをプログラムで移動して成功させようとしましたが、オブジェクトがプログラム的に移動された後、オブジェクトの現在の位置を選択してオブジェクトを選択できませんでした、まだオブジェクトは古い位置から選択可能です私はcanvas.calcOffset();で試してもまだ動作していません。 どのように私は、現在の位置にあるオブジェクトの選択 Javascriptを var canvas=new f

    9

    1答えて

    Fabric.jsのlibとgoogleのフォントを含むキャンバスにテキストを書きます。それから私はSVGにtoSvg()機能を通してキャンバスをエクスポートします。 *.svgファイルをベクターエディタにインポートすると、 Inkscapeでは、フォントはデフォルトのArialになります。 svg-file構造体のチェック私はエラーを特定しません。適切なフォント宣言があります。 私は質問がありま

    12

    3答えて

    数週間以内に開始する必要があるプロジェクトの情報を収集しています。 このプロジェクトには、ユーザーが定義済みの図形を追加したり、図形を作成したりできるブラウザベースの描画ツールが含まれています。図形は、Illustratorのような変形ツール(ハンドル)で選択可能で、自由にスケーラブルで回転可能でなければなりません。 私たちが心に留めている定義済みの図形は、長方形、楕円形、半楕円形および(二等辺三

    10

    1答えて

    私はfabricjsを使用してコラボレーティブなホワイトボードを開発しています。ユーザーが新しいファブリックオブジェクトを作成すると、それをシリアル化して他のすべてのユーザーに送信します。 var rect = new fabric.Rect(); canvas.add(rect); socket.emit("newObject", JSON.stringify(rect)); // send

    7

    1答えて

    私はベースファブリックを拡張する方法を探しています。カスタム属性を持つオブジェクトクラスJSONに保存し、JSONから読み込んでさまざまなサブクラスに伝播させることができます。 具体的には、JSONからオブジェクトをロードするときにオブジェクトに適切な視差を追加できるように、奥行き属性を格納します。 ソリューションにfabric.Object.prototypeの変更が含まれていると思います。しか

    5

    1答えて

    私は非常に基本的なアプリケーションがあり、シェイプを作成して線で結んでいます。これを行うには、次のようにします。 Example 1. Click new animation 2. add rectangle 3. add child 4. add circle シェイプを移動したり、ドラッグしたり、サイズを変更したりできます。私は2つのオブジェクトの間にアニメーションを追加すること

    6

    1答えて

    私はfabricjsアプリケーションで作業しています&私は内側のストロークをオブジェクトに設定する必要があります。 例えば、私はそれはサイズも増加されます100 * 100矩形にstrokeWidth 20適用されますが、ストロークがオブジェクトに適用された場合、私はその後、サイズも var recta = new fabric.Rect({ left: 10, t