动态获取的图片当做背景，而且图片是小图

var img=$('#bigimg')

//因为图片是OSS获取到的在页面展示的时候已经设置了宽高

var imgwidth=img.naturalWidth

var naturalWidth = document.getElementById('bigimg').naturalWidth //获取图片原始的宽高信息

var naturalheight = document.getElementById('bigimg').naturalHeight

var bl=naturalWidth/naturalheight //查看原图片的比例

var bigimgheight=$('.bigimg').height() // 获取图片oss 设置之后的宽高

var bigimgwidth=$('.bigimg').width()

if(bl>1){

$('#bigimg').height('100%').width('auto') //如果宽度大于高度设置高度铺满，宽度居中使图片不被压缩通过位移让图片想要的内容在中间部分显示

var width=$('#bigimg').width()

console.log(width)

var wl=(bigimgwidth-width)/2

$('#bigimg').css('margin-left',wl)

}else{

$('#bigimg').height('auto').width('100%')

var height=$('#bigimg').height()

console.log(height)

var hl=(bigimgheight-height)/2

$('#bigimg').css('margin-top',hl)

}

转载于:https://www.cnblogs.com/yang193082/p/10701916.html

动态获取的图片当做背景，而且图片是小图相关推荐

android工程换背景图片,android换肤功能如何动态获取控件中背景图片的资源id?
这个是在在做一个换肤功能时遇到的问题. 对于换肤,网上都有示例,可以从别的皮肤安装包中读取所要的资源,前提是你必须先持有这个资源的引用名称,像R.drawable.background(喂,这不是废话 ...
VS Code的背景图老是黑白灰等？放一张喜欢的图片当做背景图敲代码不更舒服么
"废话-哈哈哈" 作为一名程序员,我们要长时间对着电脑敲代码,有时候看代码看的会头晕眼花,但是背景图放一张自己喜欢的图片看代码不更舒服么,但你也不要被背景图吸引,耽误了敲代码,放一 ...
滚动图片电视背景滚动图片效果 IPTV桌面滚动图片效果图片倒影滚动广告图
文章内容 ViewFlipper简单使用图片倒影遥控器左右键切换图片 Demo地址我又没钱买奔驰,我也来谈996,再说我又不是刘*东,也没法带这些996的兄弟们一起到国外去喝奶茶.不对不对,跑题 ...
Android动态获取图片资源
Android动态获取图片资源根据文件名反向查找图片, 好像没有读取转换成数据流,性能应该不错. 回去后试试. 1. Field f= (Field)R.drawable.class.getDecl ...
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片
vue如何动态获取数据改变背景颜色和字体颜色以及获取图片首先要想获取多条数据要用到v-for循环,写到循环就必须写:key 话不多说上代码重点就是:style="{background: ...
vue.js 获取当前屏幕的宽度_vue 获取当前屏幕的宽度，图片等比例缩放，动态设置css样式...
vue 获取当前屏幕的宽度,图片等比例缩放这个是一个背景图,点击对应的圆圈就会出现一个蒙层上面显示详情,但是只要当前窗口大小变化了,因为我的蒙层大小是固定的px,所以不会变,就不在图片对应的位置了 ...
vue-preview动态获取图片宽高并增加旋转功能
vue-preview是一个常用的图片查看器,微博网页版就是用的这个插件: 我在项目中也用过这个插件,总体来说,还是比较满意.但是缺少一个图片旋转功能. 安装使用第一步:安装 npm i vue-p ...
Android中动态获取Drawable中的图片
比如Drawable中有一系列连续的图片,img_0.png, img_1.png, img_2.png ... 如果要动态获取这些图片,通过"R.drawable.img_x"的 ...
动态获取图片尺寸-uniapp
uni.getImageInfo({src: res.tempFilePaths[0],success: function (image) {console.log(image.width);cons ...

动态获取的图片当做背景，而且图片是小图

动态获取的图片当做背景，而且图片是小图相关推荐

最新文章

热门文章