1

画像からbase64データを取得しようとしています。つまり、私が行っているのは、新しいキャンバス要素を作成し、base64が必要な画像を描画してから、canvas.toDataUrl関数を使用してキャンバスからbase64データを取得することです。

しかし、canvas.toDataUrlの代わりに、==> data:を取得しています。これは、Webブラウザーでは正常に機能していますが、Androidエミュレーターや電話では機能していません。

<script type="text/javascript">
$('document').ready(function() {

    var img = new Image();
    img.src="images/splash.png";
    var canvas = document.createElement("canvas");
    var context = canvas.getContext("2d");
    var rectWidth = $(window).width();
    var rectHeight = 100;
    canvas.width = rectWidth;
    canvas.height = rectHeight;

    img.onload = function() {
      context.drawImage(img, 0, 0);
        var myImage1 = canvas.toDataURL("image/png");      // Get the data as an image.
        $("#MyPix").attr('src', myImage1); 
        $('#canvasDiv').append(myImage1);
    }
    $('#canvasDiv').append(canvas);
});
</script>
4

0 に答える 0