2016-04-04 18 views
1

私は、ユーザがフレーム内の画像のコラージュを作成できるようにする小さなウェブサイトを作成しました。試したすべてのブラウザに問題はありません...私のiPadのブラウザを除いて、 ChromeとSafariの両方ファブリックJS toDataURLは、iPadブラウザで大きな画像を生成しています。

次のようにキャンバスを保存するために私の呼び出しがある...

var durl = fabCanvas.toDataURL({ 
    format: 'png', 
    multiplier: 1 
}); 

次のように画像が出てくるはずです...

enter image description here

しかし、その代わりに、それが出ていますそう...

enter image description here

これらの画像は大きくありません。これをやる理由は何ですか?

ありがとうございます。

答えて

0

fabricjsは、お使いのipadデバイスの網膜ディスプレイをサポートしています。 Canvasは、視聴時にディスプレイの透明度を高めるためにプリスケールされています。 残念ながら、これはdataUrlにエクスポートする際には考慮されませんでした。 最近(1か月前)、この欠陥は2016年2月24日に修正され、 commitとなりました。

あなたのコードはおそらく正しいです、あなたがしなければならないのは、最新版のfabricjsをダウンロードしてビルドすることです。

+0

また、私はそれが箱から出して動作するはずだと思う http://stackoverflow.com/a/13399901/1384773 – smatthews1999

+0

...この記事の答えからコードを使用して、私のキャンバス内のオブジェクトをスケーリングする必要がありました。あなたはこの問題とバイブルを共有してもよろしいですか? – AndreaBogazzi

+0

FabricJSの最新バージョンをビルドしてフィドルにリンクする方法を教えてくれる人に親切な人は、私はうれしく思います。正直なところ、私は正しいバージョンを構築するいくつかの問題がありました。 私はverを使用しています。 1.6.0-rc.1 b/c以前のバージョンでは見つからなかった関数calcTransformMatrix()が必要でした。最新のgithub repoをビルドしたとき、私のバージョンは1.5.0となり、それは良くありませんでした。私は自分のコミットの変更を自分のバージョン(1.6.0-rc 1)に追加しました。ごめんなさい、これは混乱のように聞こえるが、私はgithubのバージョン管理があまり良くない。 – smatthews1999

関連する問題