JavaScript-如何用js给图片定位?

JavaScript-如何用js给图片定位?

夜无邪 发布于 2017-06-16 字数 267 浏览 1142 回复 1

我现在要实现这样一个效果,在一个固定宽度和宽度的div里面,放一张图片,先让图片居中,在用js判断这张图片的高度和宽度,如果图片的高度超过div的高度,就实现等比例缩放,如果图片宽度大于div的宽度,小于div的高度,则图片就竖着显示,这个有办法实现么,请教各位大神,谢谢。

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泛泛之交 2017-07-07 1 楼

缩放的方法网上有很多,问题在于等比例,不知道这样行不行
m=divWidth/imgWidth//宽度扩大倍数
n=divHeight/imgHeight//高度扩大倍数
m>n?n:m//取较小值进行放大
如果是缩小的话就反过来去较大值
至于图片转置,javascript并没有提供类似的方法,甚至Java中都没有简单的方法直接实现,所以还是建议你准备多张图片进行替换吧,这是图片较少的情况下首选的方法,包括缩放也是一样