Cordovaを使用してサムネイルで縮小した画像を表示するには

Question

私のアンドロイドアプリケーションでは、元のサイズ（1 MB）で表示するのではなく、縮小したサイズ（100 KB）のサムネイルビューで画像を表示する必要があります。私のアプリケーションのパフォーマンスを向上させるのに役立ちます。

Ionic/Cordovaを使用してこの圧縮機能を実装する方法。この機能を実装するための提案をお願いします。

Answer 1

これを試してください。それは動作するはずです。しかし、画像タグの代わりにキャンバスタグを使用します。画像を読み込むための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); 
};