实验室污水处理设备(用于食品检测的设备)
AutoResizeImage函数
AutoResizeImage是一个JavaScript函数，用于根据给定的最大宽度和最大高度自动调整图像的大小。这个函数接收三个参数：maxWidth(最大宽度)、maxHeight(最大高度)和objImg(需要调整大小的图像对象)。
”`javascript function AutoResizeImage(maxWidth, maxHeight, objImg) { var img = new Image(); img.src = objImg.src; var hRatio; var wRatio; var Ratio = 1; var w = img.width; var h = img.height; wRatio = maxWidth / w; hRatio = maxHeight / h; if (maxWidth == 0 && maxHeight == 0) { Ratio = 1; } else if (maxWidth == 0) { // 如果只设置了最大高度，则保持宽高比不变 if (hRatio < 1) Ratio = hRatio; } else if (maxHeight == 0) { // 如果只设置了最大宽度，则保持宽高比不变 if (wRatio < 1) Ratio = wRatio; } else if (wRatio < 1 || hRatio < 1) { // 如果宽高比不为1或同时需要调整宽度和高度，则取较小的比例进行缩放 Ratio = (wRatio <= hRatio) ? wRatio : hRatio; }; if (Ratio < 1) { // 根据缩放比例计算新的宽度或高度 w = w * Ratio; h = h * Ratio; img.width = w; // 设置新宽度并更新图像对象属性 img.height = h; // 设置新高度并更新图像对象属性 img.onload = function() {} // 防止图像加载时出现问题，如闪烁等。实际开发中可以根据需求设置合适的回调函数。 img.style.marginLeft = parseInt((objImg.parentNode.offsetWidth + maxWidth * (1-Ratio))/2) + ‘px’; // 将图像居中显示 img.style.marginTop = parseInt((objImg.parentNode.offsetHeight + maxHeight * (1-Ratio))/2) + ‘px’; // 将图像居中显示 img.style.display = ‘block’; // 确保图像可见 img.src = objImg.src; // 如果需要，可以重新加载源图像进行动态缩放。但这可能导致浏览器重绘，影响性能。在实际使用中应尽量避免不必要的操作。 img.onerror = function() {}; // 若图片加载失败，则不执行任何操作。可根据实际情况添加适当的错误处理逻辑。 img.onabort = function() {}; // 若图片加载被中断，则不执行任何操作。可根据实际情况添加适当的错误处理逻辑。 img.onload = function() {}; // 当图片成功加载后执行的操作。可根据实际情况添加适当的回调函数。 img.onerror = function() {}; // 当图片加载失败时执行的操作。可根据实际情况添加适当的错误处理逻辑。 img.onabort = function() {}; // 当图片加载被中断时执行的操作。可根据实际情况添加适当的错误处理逻辑。 img.onabort = function() {}; // 当图片加载被中断时执行的操作。可根据实际情况添加适当的错误处理逻辑。
