Function fixBlurOnZoom

scripts/reading.js:2491–2551

(scale = 1, index = false)

// Fix blur on zoom cause by tranform scale, still happening in vertical reader in some conditions
function fixBlurOnZoom(scale = 1, index = false)
{
	const _scale = 1 / scale;

	const contentRight = template._contentRight();
	const images = index !== false ? contentRight.querySelectorAll('.image-position'+index+' oc-img img') : contentRight.querySelectorAll('.r-img oc-img img');

	for(let i = 0, len = images.length; i < len; i++)
	{
		const img = images[i];
		const image = imagesData[+img.dataset.index] || [];

		const ocImg = img.parentElement;

		let width, height;

		width = +ocImg.dataset.width;
		height = +ocImg.dataset.height;

		width = Math.round(width * scale * window.devicePixelRatio);
		height = Math.round(height * scale * window.devicePixelRatio);

		width = (image?.rotated == 1 || image?.rotated == 2) ? height : width;
		height = (image?.rotated == 1 || image?.rotated == 2) ? width : height;

		img.style.width = (width / window.devicePixelRatio)+'px';
		img.style.height = (height / window.devicePixelRatio)+'px';

		if(img.classList.contains('blobRender') || img.classList.contains('zoomOriginalSize') || img.classList.contains('originalSize'))
			img.style.transform = 'scale('+_scale+') '+rotateImage(image?.rotated, 0.001, 0.001);
		else
			img.style.transform = 'scale('+_scale+') '+rotateImage(image?.rotated);
	}

	if(_scale == 1)
		return;

	window.requestAnimationFrame(function(){

		window.requestAnimationFrame(function(){

			for(let i = 0, len = images.length; i < len; i++)
			{
				const img = images[i];
				const image = imagesData[+img.dataset.index] || [];

				const rect = img.getBoundingClientRect();

				let left = -(rect.left - app.floorDPR(rect.left));
				let top = -(rect.top - app.floorDPR(rect.top));

				if(left < -0.5) left++;
				if(top < -0.5) top++;

				img.style.transform = 'scale('+_scale+') '+rotateImage(image?.rotated, left, top);
			}

		});