图片拉伸不变型

HTML

<div class="idd">
<!-- <img src="176.jpg"> -->
<span class="img"></span>
</div>

 

css

.idd{
width:100px;height:100px;border:1px solid red;display:table-cell;vertical-align:middle;margin:20px 0;

}
.idd .img{
width:100%;height:100%;background-image:url(edit.jpg);background-size:cover;background-position:50%;display:block;overflow: hidden;
}

时间: 2024-10-09 03:40:55

图片拉伸不变型的相关文章

使用JavaScript解决网页图片拉伸问题

转载请注明出处:http://blog.csdn.net/xiaojimanman/article/details/53084716 http://www.llwjy.com/blogdetail/92b85d1cdb0343a7bd6d8dd0868c0f82.html 个人博客站已经上线了,网址 www.llwjy.com ~欢迎各位吐槽~ ----------------------------------------------------------------------------

ios图片拉伸两种方法

ios图片拉伸两种方法 UIImage *image = [UIImage imageNamed:@"qq"]; 第一种: // 左端盖宽度 NSInteger leftCapWidth = image.size.width * 0.5f; // 顶端盖高度 NSInteger topCapHeight = image.size.height * 0.5f; // 重新赋值 image = [image stretchableImageWithLeftCapWidth:leftCapW

IOS图片拉伸技巧

IOS 图片拉伸技巧 对于有些图标等按钮 在美工设计的按钮下可以通过拉伸效果处理所需效果,最熟悉的莫过于微信聊天的 椭圆背景,也是通过这个这个原理进行背景图片.  如对该图片拉伸,如何操作? 首先找到要拉伸的部分,很明显 两侧椭圆是不变 要拉伸的是中间部分,如何指定中间部位,先看下图 指定这4个宽度后 会形成黑色模块 直白点就是 这块内容就是拉伸后中间那块不断填充的部分 具体代码: 1 UIImage* img=[UIImage imageNamed:@"2.png"];//原图2 U

css 背景图片拉伸[转]

http://www.jeasyuicn.com/css-background-image-stretching.html background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(bg.png)

Android中ImnageView 中如何让图片拉伸显示?

通过设置android:scaleType="fitXY"使得图片拉伸显示.补充:scaleType的属性有matrix(默认).center.centerCrop.centerInside.fitCenter.fitEnd.fitStart.fitXY.android:scaleType="center"保持原图的大小,显示在ImageView的中心.当原图的size大于ImageView的size,超过部分裁剪处理. android:scaleType=&quo

xcode UIImage图片拉伸

图片拉伸 +(UIImage*)wlisWithImage:(NSString *)name{ //获取图片 UIImage * img=[UIImage imageNamed:name]; //获取图片宽 CGFloat imgW=img.size.width; //获取图片高 CGFloat imgH=img.size.height; //获取可拉伸的图片 return [img resizableImageWithCapInsets:UIEdgeInsetsMake(imgH*0.5, i

图片拉伸的几种方式

前言 - 之前虽然会图片拉伸,但是IOS中有好几种方法可以图片拉伸.以前没有时间整理,今天准备把目前我所知道的几种方法整理出来,重点介绍非代码的方式. 方法  1. IOS5之前 这个方法,你只要填写左边和上边的长度,然后右边和下面的长度会用总长度减一,方法会自动用中间的那一个点来拉伸. - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeigh

iPhone图片拉伸的几种方法

iPhone图片拉伸的几种方法 UIImageResizingModeTile和 UIImageResizingModeStretch两种模式,从名字就可以看出,是平铺模式和拉伸模式.平铺就是复制你Insets指定的矩形区域块来填充你所指定的图片区域,而拉伸就是通过拉伸你Insets指定的矩形区域块来填充你 所需的图片区域. 系统至ios6之后,关于图片拉伸的方法已经扩展至3个函数: 1.ios4提供的方法: - (UIImage *)stretchableImageWithLeftCapWid

uiimage相关问题(图片拉伸)

UIImage *backgroundImage= [UIImage imageNamed:@"bg_headimage"]; //图片拉伸 UIImage *newImage=[backgroundImage resizableImageWithCapInsets:UIEdgeInsetsMake(10, 10, 10, 10) resizingMode:UIImageResizingModeStretch]; UIImageView *backGroundImageView=[[U