6

私はfabric.jsの内部で作業しており、のコマンドbackbone.jsを使用してBase64イメージをロードする方法を理解しようとしています。fabric

fabric.Image.fromURL( 'url', function(img)....

次のような静的URLをプラグインすると、正常に機能します。

fabric.Image.fromURL('http://www.domain.com/image.jpg', function(img) {
    img.set({ left: ui.offset.left, top: ui.offset.top});
    canvas.add(img);       
});

しかし、Base64イメージを正常にロードできません。この問題をどのように解決する必要がありますか？

4

3 に答える 3

2

試してください: data:image/jpeg;base64,"+url. これが機能しない場合は、おそらくbase64壊れているか、ここbase64で提供されているtounit8変換手法を微調整して、キャンバス内に配置された画像オブジェクトに画像データを追加する必要があります。

データ URI

于 2012-07-12T19:14:21.560 に答える
1

データ URL が次の形式に従っていることを確認してください。

data:[< メディアタイプ >][;base64],< データ >

MDN

<data>上記は有効なbase64文字列でなければなりません。

URL をレンダリングしていないのがファブリックであるか、URL が正しくないかをテストしたい場合は、ブラウザでデータ URL 全体を開いてみてください。正しいデータ URL であれば、ブラウザは画像をレンダリングします。

fabric は、 httpイメージ アドレスで機能するため、 base64データ URL で正常に機能するはずです。

于 2018-03-15T13:41:59.300 に答える