Javascript 将画布图像保存到android上的设备/图库
所以我现在试着用几天的时间从我的应用程序的画布上拍摄一张图像,并将其保存到设备上。。。我尝试了一些插件(没有结果),比如:Save2Canvas、Base64到Gallery、Canvas2ImagePlugin和CordovaBase64到Gallery插件 我正在使用: 科尔多瓦7.0.1 离子1.x 现在我的Js部分。保存的函数如下所示Javascript 将画布图像保存到android上的设备/图库,javascript,android,cordova,ionic-framework,Javascript,Android,Cordova,Ionic Framework,所以我现在试着用几天的时间从我的应用程序的画布上拍摄一张图像,并将其保存到设备上。。。我尝试了一些插件(没有结果),比如:Save2Canvas、Base64到Gallery、Canvas2ImagePlugin和CordovaBase64到Gallery插件 我正在使用: 科尔多瓦7.0.1 离子1.x 现在我的Js部分。保存的函数如下所示 var image = canvas .toDataURL("image/png"); window.location.href=ima
var image = canvas
.toDataURL("image/png");
window.location.href=image;
Wich可以通过浏览器在ionic 1.x上运行,但不能在设备上运行…使用(您提到的)试试这个。这对我将画布内容保存到gallery很有用
<canvas id="myCanvas" width="165px" height="145px" ></canvas>
<script>
//get the canvas element
var canvas = document.querySelector('canvas');
//save to Gallery
window.canvas2ImagePlugin.saveImageDataToLibrary(
function(msg){
console.log(msg);
},
function(err){
console.log(err);
},
document.getElementById('myCanvas')
);
</script>
//获取canvas元素
var canvas=document.querySelector('canvas');
//保存到库
window.canvas2ImagePlugin.saveImageDataToLibrary(
功能(msg){
控制台日志(msg);
},
功能(err){
控制台日志(err);
},
document.getElementById('myCanvas')
);
使用fromDataURL('您的图像路径在这里…')并在选项中设置saveToPhotoAlbum:true。这应该可以…对我有用!成功了!但是图像质量有点低,你有解决方案吗?取决于画布内容的质量。它从那里获取一切,并尝试创建一个图像并保存它。当我们尝试这个视频快照插件时,图像的质量完全取决于正在播放的视频的质量。(可能是因为我们当时正在画画布)。希望这有帮助。:)