代码实现:

Document= maskMax) {
                    maskX = maskMax;
                }
                if (maskY = maskMax) {
                    maskY = maskMax;
                }
                mask.style.left = maskX + 'px';
                mask.style.top = maskY + 'px';

                // 大图,根据比例计算坐标
                var bigImg = document.querySelector('.bigImg');
                var bigMax = bigImg.offsetWidth - big.offsetWidth;
                var bigX = bigMax * maskX / maskMax;
                var bigY = bigMax * maskY / maskMax;
                bigImg.style.left = -bigX + 'px';
                bigImg.style.top = -bigY + 'px';
            });
        });" _ue_custom_node_="true">

实现效果:

JavaScript 图片放大预览效果_JavaScript