如何使用ember js或javascript保存裁剪的图像

Question

我尝试了Jcrop（http://deepliquid.com/content/Jcrop_Download.html）并尝试从我的本地文件夹中裁剪图像。我能够预览裁剪的图像。但是无法找到保存已调整大小的图像的方法。我正在使用ember我的网络应用程序的js可以帮助吗？

Answer 1

您可以使用filesaver.js library执行此操作（仅在多个浏览器中支持）

示例：

假设您在画布上有裁剪的图像。然后你应该这样做：

var canvas = document.getElementById("thumb-canvas");
canvas.toBlob(function(blob) {
    saveAs(blob, "pretty image.png");
});

注意：并非所有浏览器都支持toBlob方法。有关兼容性，请考虑使用canvas-ToBlob