1

カスタム製品コンフィギュレーターを作成し、html2canvasを使用してcanvas要素のbase64エンコード文字列を生成しています。

http://faithpointdallas.com/ecom/page/customStoleにアクセスすると、下部にある[カートに追加]をクリックすると、html2canvasスクリプトを使用して、生成されたbase64エンコード文字列にアラートが表示されることがわかります。

私の質問は、base64でエンコードされた文字列を取得して、通常の画像タグに変換するにはどうすればよいですか。好き<img src="myconvertedbase64string.PNG" />

文字列を生成しているコードは次のとおりです。

$('#addToCart').click(function(event) {
event.preventDefault();
var target = $('.customstole');
html2canvas(target, {
onrendered: function(canvas) {
    var data = canvas.toDataURL();
    alert(data);
    // data is the Base64-encoded image
}

}）; }）;

4

1 に答える 1

3

これは役立つかもしれません - jQuery を使用して、base64 でエンコードされた URL をサーバーに送信し、PHP を使用してファイルに保存します。

http://www.rgraph.net/docs/integration-with-server-side-scripting.html#image

また、toDataUrl() によって返される data: url をタグ src として直接使用できることもご存知でしたか?

于 2012-10-31T09:20:37.873 に答える