编程语言
首页 > 编程语言> > javascript-Phonegap:如何将HTML5画布作为图像保存到设备照片库/库

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