精华内容
下载资源
问答
  • 我们的思路是拿fresco来加载这个图片 ChatFrescoUtil.displayImage(bean.image, mVoteImage, new BaseControllerListener<ImageInfo>() { @Override public void onFinalImageSet(String id, ImageInfo ...

    我们的思路是拿fresco来加载这个图片

    ChatFrescoUtil.displayImage(bean.image, mVoteImage, new BaseControllerListener<ImageInfo>() {
        @Override
        public void onFinalImageSet(String id, ImageInfo imageInfo, Animatable animatable) {
            int height = (int)context.getResources().getDimension(R.dimen.chat_question_info_image_height);
            int scaleWidth =  (int)imageInfo.getWidth()*height/imageInfo.getHeight();
            mVoteImage.setAspectRatio(imageInfo.getWidth()/imageInfo.getHeight());
            adjustSdv(mVoteImage, scaleWidth, height);
        }
     
        @Override
    
        public void onFailure(String id, Throwable throwable) {
        }
    });
    private void adjustSdv(SimpleDraweeView image, int width, int height) {
     
        RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) image.getLayoutParams();
        params.width = width;
        params.height = height;
        image.setLayoutParams(params);
    }
    

    图片的xml:

    <com.facebook.drawee.view.SimpleDraweeView
        android:id="@+id/iv_content"
        android:layout_width="wrap_content"
        android:layout_height="150dip"
        android:layout_below="@+id/tv_content"
        android:layout_marginLeft="@dimen/dp16"
        android:layout_marginTop="12dp"
        tools:src="@color/chat_color_aaaaaa" />
    

    思路是先把这个图片加载出来,然后获取图片的宽高,然后设置图片的缩放比例,然后计算图片缩放后的宽度

    展开全文
  • 高度设置成百分比时,其高度是基于父元素来定的,设置成50%,就是将该元素高度设置成 父元素的高度值 x 50%。 但是将高度设置成百分比时,往往是不生效的!高度依然为0,这是为啥? 道理很简单,那就是父元素的...

    一.前言

    将高度设置成百分比时,其高度是基于父元素来定的,设置成50%,就是将该元素高度设置成 父元素的高度值 x 50%。

    但是将高度设置成百分比时,往往是不生效的!高度依然为0,这是为啥? 道理很简单,那就是父元素的高度也为0。

    所以这就需要讲到浏览器对宽度及高度是如何计算的。

    浏览器在计算有效宽度时会考虑浏览器窗口的宽度,如果没有设置绝对宽度,就会自动将页面内容横向平铺填满整个窗口。

    然而浏览器并不计算内容的高度,除非内容超过了视窗高度,形成滚动条。

    或者给页面设置一个绝对高度,不然的话,浏览器就会将内容按文档流往下堆砌,也就是高度值为缺省值 auto。

    所以如果基于缺省值 auto 来设置百分比高度的话,必定是无效高度。

    显然只需要给父元素指定一个绝对高度,就没什么问题了。

    可是在实际应用当中,高度通常都不是固定的,不会把高度写死,何解?

    这就可以用到,本文给大家介绍的方法,接着往下看。。。

    二.使用css 巧用padding代替高度

    为什么使用内边距代替高度?

    内边距,顾名思义就是元素边框与元素内容之间的空白区域。

    所以内边距越来越大时,元素的高度也会不断增大。

    设想一下,如果一个元素的内容为空,内边距的高度,是不是就是该元素的高度呢?

    答案是必须的!

    那么我们是不是可以,将高度替换为内边距,并且以百分比设置它的值呢?

    答案也是必须的!

    这里可能有些朋友会有疑问了,如果设置成百分比的话,一样是基于父元素成百分比的呀?

    对,没错,是基于父元素,但是 内边距 padding 是基于父元素的宽度的百分比的内边距

    注意重点是 基于宽度 !

    所以不管是 padding-left 和 padding-right 还是 padding-top 和 padding-bottom 都是基于父元素宽度的百分比。

    理论说完,咱们就来实践一下

    HTML

    <div class="autoHeightDiv"></div>

    CSS

    .autoHeightDiv {
        width: 50%;
        height: 0;
        padding-top: 50%;
        background-image: url(4.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    当然使用 padding-top 和 padding-bottom 都是,一样可以实现,一样的效果。

    三.使用js $(window).resize()

    HTML

    <ele></ele>

    CSS

    ele{

    width:50%

    }

    JQUERY

    function changesize(ele){
         var width=$(ele).width();        //初始设置图片长宽成比例1:1
         $(ele).css("height",width);


         $(window).resize(function(){//当浏览器大小发生改变时,实时控制高度=宽度
              var width=$(ele).width();
              $(ele).css("height",width);
              if(callback) callback($(this).width());
          })

    }

    转载于:https://www.cnblogs.com/coderL/p/7481584.html

    展开全文
  • java上传图片的时候,怎么获取上传的图片高度宽度,通过实际的高度宽度设置图片缩略图的高度宽度,求代码,谢谢~!
  • 在HTML中常用的引入图片的方法有...一、通过img标签引入的图片大小设置我们可以直接在图片标签设置宽度width和高度height,这里需要注意的是HTML img标签内直接设置宽度高度值不需要html单位,默认为PX像素。img标...

    在HTML中常用的引入图片的方法有两种。分别是使用img标签引入图片,和使用background属性引入背景图片。然后可以使用css样式设置图片大小,下面我们就来看一下使用css样式设置图片大小的方法。

    fd5f502cbcb56c523ca57102e831d7d4.png

    一、通过img标签引入的图片大小设置

    我们可以直接在图片标签设置宽度width和高度height,这里需要注意的是HTML img标签内直接设置宽度和高度值不需要html单位,默认为PX像素。

    img标签内设置高度宽度优点直观,对于文章内插入图片可以利用此方法控制设置图片高度宽度;缺点,如果图片列表排版的这样会增加很多HTML代码,不便统一修改。

    css设置img图片大小语法:img{width:150px;height:60px}

    这里设置CSS宽度为150px,css高度为60px,注意是CSS样式中css width和css height的值都带单位也要记住一定带上单位。

    如果是我们直接对img设置样式,这样会将整个网页中图片宽度高度控制了。为了控制指定对象内的图片宽度高度样式,我们通常在img前加上对象CSS命名。

    二、css设置背景图片大小:

    background-size 属性规定背景图像的尺寸。

    语法:background-size: length|percentage|cover|contain;

    示例:

    body

    {

    background:url(/i/bg_flower.gif);

    background-size:63px 100px;

    -moz-background-size:63px 100px; /* 老版本的 Firefox */

    background-repeat:no-repeat;

    padding-top:80px;

    }

    上面是缩小的背景图片。

    原始图片:Flowers

    效果图:

    b03ce2bc17308d9719b77d7538b6920a.png

    展开全文
  • 在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度高度大小,就可以直接将图片平铺整个页面。下面我们来看一下使用css设置图片平铺的...

    在网页设计的过程中,有时候可能会要求背景图片平铺,因为这样会让整个网页看起来比较好看,图片平铺可以不用具体设置body宽度和高度大小,就可以直接将图片平铺整个页面。

    46129cdd91d7f98ef47bcd18b2517250.png

    下面我们来看一下使用css设置图片平铺的方法:

    repeat:即默认方式,完全平铺背景;

    no-repeat:在X及Y轴方向均不平铺;

    repeat-x:横向平铺背景;

    repeat-y:纵向平铺背景。

    下面我们就来看一下css的这四种背景图片平铺的实现代码。

    css背景图片平铺之完全平铺背景的代码:

    #content {

    border:1px solid #000fff;

    height:500px;

    background-image:url(1.jpg);

    background-repeat: repeat;

    }

    效果图:

    4de5a24b562c17db222ab726aa464234.pngcss背景图片平铺之在X及Y轴方向均不平铺:

    #content {

    border:1px solid #000fff;

    height:500px;

    background-image:url(1.jpg);

    background-repeat:no-repeat;

    }

    效果图:

    bbfb9d720a75e9919a6c75f5bccf22d6.png

    css背景图片平铺之横向平铺背景:

    背景图片现在只在X轴即横向进行了平铺操作,纵向并没有进行平铺

    #content {

    border:1px solid #000fff;

    height:500px;

    background-image:url(1.jpg);

    background-repeat: repeat-x;

    }

    效果图:

    3203768992ee9ba88b26297adf6288d1.png

    css背景图片平铺之纵向平铺背景:

    背景图片现在只在Y轴即横向进行了平铺操作,横向并没有进行平铺

    b59412613e22d0f1588fa0e1d2d66b05.png

    展开全文
  • 】,【background-size】属性可以指定背景图片宽度高度。本教程操作环境:windows10系统、css3版,该方法适用于所有品牌电脑。(推荐教程:css视频教程)css中设置背景图片的大小的方法:属性介绍:background-...
  • 可以使用:Background-size属性语法:background-size:[|| auto ]{1,2} | cover | contain取值::由浮点数字和单位标识符组成的长度值。...当指定为百分比时,大小会由所在区域的宽度高度,以及background-orig...
  • <div><p>现在遇到一个问题,一张高度比较高的图片。默认是以高度100%,我想以宽度100%,需要怎么设置? 谢谢~</p><p>该提问来源于开源项目:LS1231/vue-preview</p></div>
  • 这个教程将使用SwiftUI制作一个圆形图片,并给图片设置边框与阴影...创建SwiftUI项目添加一张图片到Asset资源文件夹中,拖拽到资源文件夹中,如图所示:SwiftUI加载图片时使用Image对象,设置图片宽度高度为150px...
  • 图片大小指图片宽度和高度改变,同样一张图宽度高度值大即变大,高度宽度值设置小即这张图就会排版变小。1、img标签内直接设置宽度高度改变图片大小在img标签内直接设置width属性和height属性即可改变图片大小图标...
  • 下面的解决方案将允许放大和缩小图像。...此解决方案告诉浏览器以最大可用宽度呈现图像,并将高度调整为该宽度的百分比.parent{width:100px;}img{display:block;width:100%;height:auto;}Thisimageisoriginally400...
  • imgW = $('#canvas')[0].offsetWidth, // 图片宽度 imgH = $('#canvas')[0].offsetHeight; // 图片高度 var pointY = y - imgY, // 点的Y坐标 pointX = x - imgX; // 点的X坐标 var inkDiv = document....
  • 然后我用wps设置一下图片宽度高度并保存: ![图片说明](https://img-ask.csdn.net/upload/201705/19/1495144370_667628.png) ![图片说明](https://img-ask.csdn.net/upload/201705/19/1495144418_475989.jpg) ...
  • 在css中,可以将div的高度宽度属性设置为100%,同时使用background-size属性设置背景图片为100%,便可以实现背景图片铺满屏幕。css怎么图片填满?1、新建一个HTML文件,使用div标签创建一个模块,并设置其class...
  • 在css中,可以将div的高度宽度属性设置为100%,同时使用background-size属性设置背景图片为100%,便可以实现背景图片铺满屏幕。css怎么图片填满?1、新建一个HTML文件,使用div标签创建一个模块,并设置其class...
  • javascript让图片居中显示的方法1、准备一个图片,如图,我将图片放到了和HTML同级目录中2、编写HTML文件,如代码所示,写了一个div,在style中设置了div的边框,宽度高度等,在div中添加一个图片标签img3、页面显示...
  • 图片怎么批量修改尺寸

    千次阅读 热门讨论 2018-12-13 17:07:45
    有时候我们做网页,需要代码来实现,这样调整图片大小不是很方便,我们一般采用直接修改...进行设置,如下图:先选中修改尺寸,点击保持原图比例,设置适宜的宽度高度 (格式也可以更改格式啊。)保存即可。  ...
  • vs2005中布局的table,有时因为在单元格中又插入了图片等其他元素,会将表格撑大,出现与定义的数值不符合的情况, 问问大家,该怎么获取这个被撑大的表格的真实的宽度高度? 那种写法貌似只能获取...
  • 当拖动设置矩形宽度高度的滑块时,会在滑块右侧显示所设置宽度高度值,浏览效果如下图所示。 ![图片说明](https://img-ask.csdn.net/upload/201702/22/1487731097_620989.png) 在页面右侧灰色区域放置一个...
  • button应该说大家都很熟悉,在初学的时候,咱们常常会发现一个问题:在设置image的时候如果同时设置title,则”不能“同时显示出来,除非设置...获取到他的高度宽度:  UIImage *img = [UIImage imageNamed:@"1"];
  • 很多时候,我们需要让元素居中显示:1....下面我们来看一下css设置元素居中的方法:一、水平居中行内元素:给其父容器设置text-align:center块级元素:首先设置宽度,然后margin:0 auto(必须设置宽度,因...
  • ![图片说明](https://img-ask.csdn.net/upload/201503/25/1427251612_147532.jpg) 如图所示,我想让下面X轴的日期 不要每个都显示怎么弄,想隔6...第3个参数是宽度,第4个参数是高度。 out.close();//关闭输出流 ```
  • 3、包含css图片的html容器(例div)的宽度高度没有设置固定值,css图片不会撑开元素容器;4、HTML代码书写不规范;5、引入css图片的元素不具备块属性。本教程操作环境:Windows7系统、css3版本,该方法适用于所有...
  • div的背景图片可以使用background-image属性设置,background-image属性会在元素的背景中设置一个图像。...2、背景元素没有宽度高度。当元素没有宽高时,背景是显示不出来的。背景不会撑开元素。3、css代码写错...
  • /* 关键字 */background-size: coverbackground-size: contain/* 一个值: 这个值指定图片宽度图片高度隐式的为auto */background-size: 50%background-size: 3embackground-size: 12pxbackground-size: au...
  • 怎么给input插入一个图片

    千次阅读 2020-10-11 21:47:05
    <input type="text"> css部分 input{ border-radius: 5px; /*设置圆角半径*/ ... /*设置内边距防止遮盖住图片*/ height: 36px; /*input高度*/ width: 240px; /*input宽度*/ background-image: url("im

空空如也

空空如也

1 2 3 4 5 ... 8
收藏数 157
精华内容 62
关键字:

图片宽度高度怎么设置