fabricjs

2熱

1答えて

NPMパッケージ反応します。私は今、グループ化を働かせようとしていますが、私は構文を理解することができません。基本的に私は、この効果を作成したいが、JSXコードを反応させるの使用： http://jsfiddle.net/anwjhs2o/1/ これは私が持っているコードです： import React from 'react'; import {Canvas, Circle, Image, P

0熱

1答えて

ファブリックjsロード後にi-textカーソルが正しく動作しない

fabricjs新しいウィンドウで作成したときにi-textカーソルが正常に機能しています。保存されたjsonを読み込んだ後、うまくいきません。私はleague_gothicフォントを使用しています。保存コード savejson = JSON.stringify(canvas.fabric.toJSON()) 間違ってカーソル（3文字目）で、以下の画像を参照してくださいコードをロードする

0熱

1答えて

HD画像にWebGLフィルタを適用すると、画像がカットされます（ファブリックV2-ベータ6）

現在、ファブリック2.0.6で、HD画像にフィルタを適用しています。私は少なくとも時間の長さでフィルターを適用する必要があります。その目的のために私はhere (fabric.js demo)のようにフィルタを適用するwebGLメソッドを使用しています。サイズが< = 1 MBの画像に適用した場合、それは完全に正常に動作しますが、それよりも大きな画像サイズでは、フィルタはかなりうまく適用されますが

0熱

1答えて

fabricjsクローンオブジェクトは古い（デフォルト）オブジェクトに影響を与えます

ファブリックの出力に影響を与えずにテキストオブジェクトの影画像を取得しようとしています。コード var clonedText = jQuery.extend({}, obj); clonedText.fill = "rgba(50,50,50,0.5)"; imageURL = clonedText.toDataURL({format:'png'}); 結果デフォルト： AfterRu

0熱

1答えて

ぼかしを入れずに閉じたオブジェクトが、FabricJSで互いにスペースを持つ理由

Fabric JSで画像のフレームを構築する必要があります。このフレームは、画像の任意のサイズに合わせて動的に構築する必要があります。は、私は2枚の画像を使用してこれを行うには： http://i.imgur.com/3VqKv1O.png - コーナー用の画像私はそれをしないアルゴリズムを開発したと、それは動作します - 側 http://i.imgur.com/w41HYN3.png用画像

0熱

1答えて

FabricJS：オブジェクトまたはイメージが定義されていないためクローンできません

私はFabricJSを初めて使用しています。私は、オープンソースのイメージエディタに構築しようとしています。現在、このコードを使用すると、図形などのオブジェクトを複製できますが、一度にオブジェクトのグループを複製することはできません。また、画像や画像のグループを複製することもできません。私は、オブジェクトまたは任意の画像群のクローニングから得るエラーは次のとおりです。キャッチされない例外Type

0熱

1答えて

ファブリックJS - 修飾基は、個々のオブジェクトを変更しない

は今、私はグループを変更し、データベース内の位置を変更するには、グループ内の各オブジェクトを反復処理しています： canvas.on('object:modified', (e) => { console.log('object modified', e) const target = e.target const activeGroup = this.canvas.

0熱

1答えて

ファブリック内のPNGからパスを作成する

透明な領域を持つPNGイメージがあります。写真を掲載しています。私は、PNGの透明領域にトリミングされ、新しいイメージを作成する必要がありFabricJS を使用しています。私はclipTo（path）関数を使用して新しい画像を作成できることを理解しています。しかし、私の問題は最初にパスを作成することです。 PNGの透過領域からパスを作成するにはどうすればよいですか？ありがとうございます

0熱

1答えて

awsでのファブリックjsの展開

アプリケーションにfabricjsをデプロイしようとしています。だから、私はアーカイブを準備し、アップロードして展開しようとしました。私は入手できますかしようとするたびに： [2017-09-05T06:11:42.483Z] INFO [4341] - [Application update [email protected]/AppDeployStage0/AppDeployPreHook/5

0熱

1答えて

Html5キャンバスサイズから印刷サイズ

私はブログ、記事、およびいくつかのstackoverflow質問を検索しましたが、小さな混乱がありますが、私は質問をすることを考えました。印刷用にキャンバスを調整する必要がありますが、どうすればいいですか？実際に印刷の最大制限は6.50 'x 15.75'（インチ）ですが、この範囲でサイズが変わる可能性があります。私が間違っていない場合は、DPIは作業中の画面（画面上に表示されるデバイスにはより