fabricjs

7熱

2答えて

Fabric.jsでCanvas Modified Eventを使用していますか？

Fabric.jsには、object：modifiedのようなオブジェクト変更イベントがあります。私たちはキャンバス全体に似たイベントを持っていますか？実際には、元に戻す機能とやり直し機能を実装しようとしています。何かが発生した場合にキャンバスをJSONとして保存しています。また、アンドゥ機能のために再びキャンバスを読み込んでいます。私たちはFabric.jsのこの機能のためのよりよい解決策を

10熱

1答えて

fabric.jsで破線を描く

私はfabric.jsを使用して破線を描きたいと思います。 I've found Issue #603 on github that should implement this feature. しかし、私はサンプルコードを見つけられず、fabric.js 1.2.1で動作するようにはできません。これは既にfabric.js 1.2.1の一部ですか、それともgithubから直接取り出して自分で構

10熱

2答えて

パターンでイメージを塗りつぶす方法

私はイメージを持っているとしましょう！今私はでそのイメージを埋めるためにしたいと私の最終的なイメージがそれを行う方法次のようになりますか？これまでのところ、私はそのイメージの色を変えることができましたが、パターンを埋めることはできませんでした。私はhtml5キャンバス（パターン）でできますか？ PHPや任意のWebプラットフォームでそれを行う方法はありますか？

15熱

1答えて

画質の良いキャンバスをエクスポートするためのベストプラクティスは何ですか？

私はあなたの助けが必要です。私の状況を説明します：アプリケーションに図形、テキストなどを配置するためにfabric.jsライブラリを使用しています。私のキャンバスサイズは1000x1000ピクセル（約26.45x26.45センチメートル）です。 300 dpiのような高品質の画像をアップロードするための画像アップロードスクリプトがあります。基本的に私は次のことをしています： - キャンバスを

7熱

2答えて

キャンバスのHTML5/JavaScriptファイルは、Windows 8のChromeとFirefoxでは動作しませんが、Windows 7のすべてのブラウザで動作します。なぜですか？

私はこの単純なHTML5ファイルに問題があります： var canvas = window.__canvas = new fabric.Canvas('c'); canvas.backgroundColor = '#efefef'; canvas.freeDrawingBrush.width = 10; canvas.renderAll(); document.get

8熱

2答えて

ファブリックオブジェクトの選択領域を増やす方法は？

は、次のコードを考えてみましょう： var lineObj = new fabric.Line([120,200,320,200],{ stroke: '#000000', strokeWidth: 1 }); canvas.add(lineObj); この1つの画素ラインは、その非常に小さな幅により選択することが非常に困難です。私がここでやりたいのは、選択領域を広げ

8熱

1答えて

移動、スケーリング、回転中に選択したオブジェクトのみをレンダリングする

現在、私は、より大きなキャンバス領域と何百ものオブジェクト（テキスト、画像、図形、クリップアートなど）を必要とする「フォトコラージュメーカー」プロジェクトに取り組んでいます。問題は、それらのオブジェクトを移動、スケーリング、回転させることです.Fabric.jsはすべてのオブジェクトをレンダリングするので、オブジェクトが非常に遅くなります。選択したオブジェクトだけをファブリックキャンバスの上にレン

5熱

2答えて

ファブリックjでキャンバスのサイズを変更する

このアプリケーションでは、デザインを保存して他のユーザーが後で見ることができるように投稿することができます。 width = 700、height = 600の割合で元のキャンバスを保存しました。しかし、キャンバスを表示するときは、キャンバスのサイズを（350,300）のサイズに合わせて変更したいと考えています。元の半分。しかし、私がこれらの寸法を直接適用して幅を読み込むと、setWidth（）と

6熱

1答えて

Base64の画像データがファブリックのloadfromJSONで動作しない

イメージオブジェクトを持つjsonオブジェクトをロードしようとしています。画像オブジェクトは、背景として基本64画像データを有する。しかし、私はloadFromJSONメソッドを使用できません。コード： var jsonDataSet = '{"objects":[{"type":"image","originX":"left","originY":"top","left":0,"top":0,

6熱

2答えて

Fabric.js - インポートしたSVGの色/塗りつぶし/ストロークを変更します

loadSVGFromURLを使用してキャンバスに配置されたファブリック内のSVGの色を変更する方法はありますか？ svgは単なる矢印ですが、塗りつぶしやストロークを設定できない場合はフィルタでこれを行うことはできますか？ $("input:radio[id='arrow']").click(function() { fabric.loadSVGFromURL('../scripts/svg/a