JS简单图片放大缩小的两种方法

在左上角，它被放大和缩小，并且点的位置是恒定的。

方法1：

HTML代码
复制代码代码如下所示：

兼容IE和Firefox缩放和缩放
函数的ImageSuofang（args）{
无功oimg = document.getelementbyid（oimg ）；
如果（args）{
oimgoimg.width = oimg.width * 1.1；
oimgoimg.height = oimg.height * 1.1；
}
{其他
oimgoimg.width = oimg.width / 1.1；
oimgoimg.height = oimg.height / 1.1；
}
}

-->

方法二：

CSS代码如下所示：

CSS代码
复制代码代码如下所示：
# biankuang {身高：480px；宽度：320px；保证金：30px汽车；} / /加边框可以看到左上角点。

下面是减少图片放大率的js代码。

JS代码
复制代码代码如下所示：
VaR ZoomLevel = 0；
无功currentwidth = 0；
无功currentheight = 0；
无功originalwidth = 0；
无功originalheight = 0；
函数初始（）{
currentwidth = document.myimage.width；
currentheight = document.myimage.height；
originalwidth = currentwidth；
originalheight = currentheight；
更新（）；
}
功能放大（）{
document.myimage.width = currentwidth * 1.2；
document.myimage.height = currentheight * 1.2；
ZoomLevel = ZoomLevel + 1；
更新（）；
}
功能缩小（）{
document.myimage.width = currentwidth / 1.2；
document.myimage.height = currentheight / 1.2；
ZoomLevel ZoomLevel = 1；
更新（）；
}
功能resetimage（）{
document.myimage.width = originalwidth；
document.myimage.height = originalheight；
ZoomLevel = 0；
更新（）；
}
函数更新（）{
currentwidth = document.myimage.width；
currentheight = document.myimage.height；
zoomsize.innertext = ZoomLevel；
imgsize.innertext = currentwidth +X+ currentheight；
}

HTML正文中的代码如下所示：

HTML代码
复制代码代码如下所示：

引入本地图片