javascript - 手机间隙 : How to save a HTML5 canvas as image to device photo gallery/library

Question

嘿，我正在开发一个应用程序，可以使用 Phonegap 使用地理位置和时间戳标记图像。我已经能够通过将图像编辑为 Canvas 来标记图像。现在我需要将编辑后的图像作为新图像保存到设备照片库/库中，或者替换选择要标记的图像。使用 phonegap 的目的是应用程序必须跨平台运行。有什么办法可以实现吗？

以下代码将图像编辑为 Canvas 并将图像转换回数据 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();

这可以转换为图像对象并保存到手机图库吗？？？

Answer 1

https://github.com/devgeeks/Canvas2ImagePlugin显然做了你想要的，虽然我没有尝试过。