如何使用Cordova显示缩小尺寸的图像

Question

在我的Android应用程序中，我必须以缩小视图显示缩小视图（100 KB）的图像，而不是以原始大小（1 MB）显示它。它有助于提高我的应用程序的性能。

如何使用Ionic / Cordova实现此压缩功能。能否请您提供一些实施此功能的建议。

Answer 1

试试这个。它应该工作。但是使用canvas标签而不是图像标签。将此代码放在您的javascript函数中以加载图像。它会将图像压缩到所需的尺寸。

img = new Image();
img.src = 'example.png'; // your file

img.onload = function(){
var canvas = document.getElementById('outputImage'); // id of your canvas
var ctx = canvas.getContext('2d');
canvas.width=400 // your dimensions
canvas.height=300
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
};