Function saveToPng

js/main.js:1101–1161

(file,isPreview,isSVG)

	}
	
	const saveToPng = async function(file,isPreview,isSVG) {
		let scaleMultiplier = 5;
		//let result = -11.09773 * (Math.log(scaleMultiplier) / Math.log(0.469922)) + 11.4557;
		return new Promise((resolve, reject) => {
			let svg;
			if (fileInfo.panel == -1) {
				svg = htmlToImage.toSvg(file);
			} else {
				svg = htmlToImage.toSvg(file, {
					width: file.getBoundingClientRect().width * scaleMultiplier,
					height: file.getBoundingClientRect().height * scaleMultiplier,
					canvasWidth: file.getBoundingClientRect().width * scaleMultiplier,
					canvasHeight: file.getBoundingClientRect().height * scaleMultiplier,
					style: {
						position: "fixed",
						inset: "40%",
						scale: scaleMultiplier,
					}
				});
			}
			svg.then(function(dataUrl) {
				if (isSVG) {
					if (isPreview) {
						resolve(dataUrl);
					}
					downloadFile(dataUrl,".svg");
					return;
				}

				let tmpCanvas = document.createElement("canvas");
				let ctx = tmpCanvas.getContext("2d");
			
				let tmpImg = new Image();
				tmpImg.addEventListener("load", onTempImageLoad);
				tmpImg.src = dataUrl;
			
				//console.log(tmpImg.width, tmpImg.height);

				tmpCanvas.width = file.getBoundingClientRect().width;
				

				// let targetImg = new Image();

				function onTempImageLoad(e) {
					tmpCanvas.width = e.target.width;
					tmpCanvas.height = e.target.height;

					ctx.drawImage(e.target, 0, 0);
					if (isPreview) {
						resolve(tmpCanvas.toDataURL());
					} else {
						downloadFile(tmpCanvas.toDataURL(),".png");
						resolve(true);
					}
				};
				
			}).catch(function(error) {
				console.error("Error Saving!", error);