用js控制图片额大小。主要是修改图片的宽度和高度。下面是简单的代码实现:
HTML 代码:
<img src='../1.jgp' id='img' />这个时候img的图片自身是多大,就会显示多大。100px*100px的图。
js代码:
var oImg = document.getElementById('img')oImg.width = '50px' //当给img标签的宽度设置为50px后,高度会自动按比例缩小。
oImg.width = '200px' //当给img标签的宽度设置为200px后,高度会自动按比例扩大。
从中间放大要设置为absolute定位才行,要不static只能是左上角或者可以使用css3的transform:scale(2)transform-origin:center
获取当前所在图片坐标,然后等比例放大图片,等比例获取坐标值,将图片定位在显示窗口位置,可以了。