mobile-downscaler.js

onUiUpdate(function(){
	gradioApp().querySelectorAll('button img').forEach(function(e){
		if(!e.classList.contains('downsized')){
			if(e.naturalHeight != e.clientHeight || e.naturalWidth != e.clientWidth){
				var canvas = document.createElement("canvas");
				var ar =  e.naturalHeight/e.naturalWidth
				canvas.width = e.clientWidth;
				canvas.height = e.clientHeight*ar;
				var ctx = canvas.getContext("2d");
				ctx.drawImage(e, 0, 0, e.clientWidth, e.clientHeight*ar);
				e.src = canvas.toDataURL('img/png');
				e.classList.add('downsized');
				console.log(e);
			}
		}
	})
})