画像から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>