javascript-Phonegap:如何将HTML5画布作为图像保存到设备照片库/库
作者:互联网
嘿,我正在开发一个可以使用Phonegap使用地理位置和时间戳标记图像的应用程序.通过将图像编辑为画布,我已经能够标记图像.现在,我需要将编辑后的图像作为新图像保存到设备的图片库/库中,或替换选择要标记的图像.使用phonegap的目的是使应用程序必须跨平台运行.有什么办法可以实现?
以下代码将图像编辑为画布并将图像转换回Data URI.
var canvas = document.getElementById("canvasPnl");
var context = canvas.getContext("2d");
var imageObj = new Image();
imageObj.onload = function(){
context.drawImage(imageObj,0,0,300,300 );
context.fillStyle="#FFFFFF";
context.fillText('Latitude: '+ lat.toString()+' Longitude: '+ lon.toString(), 0, 10);
context.fillText(new Date(), 0, 20);
};
imageObj.src=imageURI;
dataURI= canvas.toDataURL();
可以将其转换为图像对象并保存到手机库中吗???
解决方法:
我认为您不能仅使用JavaScript将图像保存在图库中,而是可以将用户引导至图像或显示该图像,以便用户可以手动保存该图像.
标签:smartphone,html5,mobile,cordova,javascript 来源: https://codeday.me/bug/20191122/2063360.html