使用 resizableImageWithCapInsets 方法实现可伸缩图片

之前介绍过通过 stretchableImageWithLeftCapWidth:topCapHeight: 方法来实现可伸缩图片: 可看这篇随笔:使用 stretchableImageWithLeftCapWidth 方法实现可伸缩图片 iOS5 中提供了一个新的 UIImage 对象实例方法:resizableImageWithCapInsets:,可以将图片转换为以某一偏移值为偏移的可伸缩图片(偏移值内的图片内容将不被拉伸或压缩). stretchableImageWithLeftCapW…

使用 stretchableImageWithLeftCapWidth 方法实现可伸缩图片

- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight 这是 UIImage 的一个实例方法,它的功能是创建一个内容可拉伸,而边角不拉伸的图片,需要两个参数,第一个是左边不拉伸区域的宽度,第二个参数是上面不拉伸的高度. 根据设置的宽度和高度,将接下来的一个像素进行左右扩展和上下拉伸. 注意:可拉伸的范围都是距离leftCapWidth后的1…

php 图片上传的公共方法（按图片宽高缩放或原图）

写的用于图片上传的公共方法类调用方法: $upload_name='pic';$type = 'logo_val';$file_name = 'logo_' . $user_id .create_strcode(5). '.jpg'; //保存文件名$savepath = "/uploads/user_logo/"; //上传文件的存放路径$img_width=$img_height='100';$result=upload_images_core($_FILES,$upload_na…

<canvas>drawImage()方法无法显示图片

在书上看到用<canvas>绘制图像就动手试试,刚开始,我的代码是这样的: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>canvas绘图</title> </head> <body> <canvas id="drawimg" width="500" hei…

WPF：通过BitmapSource的CopyPixels和Create方法来切割图片

原文 WPF:通过BitmapSource的CopyPixels和Create方法来切割图片 BitmapSource是WPF图像的最基本类型,它同时提供两个像素相关的方法就是CopyPixels和Create方法.使用这两个方法可以切割图片中的一部分,类似另一个BitmapSource的子类:CroppedBitmap类型. CopyPixels方法需要提前初始化数组,同时还可以指定一个矩形(Int32Rect类型)来表示所占区域的大小.计算好图像每行所占字节数(Stride参数)和偏移量(O…

[Android]ListView的Adapter.getView()方法中延迟加载图片的优化

以下内容为原创,欢迎转载,转载请注明来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/4139998.html 举个例子吧,以好友列表为例 ListView中每个Item表示一个好友,每个好友中都有一个头像,需要从服务端加载到本地,然后显示在item中. 显然,启动加载图片的过程应该是在getView()方法中触发,启动一个线程,然后下载头像图片.这里使用我写的一个开源框架ImageLoaderSample(https://github.com/w…

java中getBytes方法可能使图片文件产生的问题

InputStream is = new FileInputStream(fl); ImageInputStream iis = ImageIO.createImageInputStream(is); Iterator<ImageReader> itImage = ImageIO.getImageReaders(iis); if(itImage.hasNext()){ ImageReader reader = itImage.next(); byte[] imageByte = new byt…

createObjectURL方法实现本地图片预览

ie6 可以直接显示本本地路径的图片如: <img src="file://c:/3.jpg" /> ~~~网上都说ie7就不支持这种文件系统路径的url,但测试 xp ie8还是可以的 ie8+ alphaImageLoader滤镜方式加载本地路径的图片 chrome, firefox, 用dataUrl 或 createObjectURL方法实现例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr…

在drawRect：方法中绘制图片，文字以及Core Graphics 框架的了解

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000 } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #000000; min-height: 13.0px } p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #008400 }…

使用readAsDataURL方法预览图片

使用FileReader接口的readAsDataURL方法实现图片的预览. 在FileReader出现之前,前端的图片预览是这样实现的:把本地图片上传到服务器,服务器把图片地址返回,并把它替换到图片元素的src属性. 这种方法的缺点是:必须要先把图片上传到服务器.那么问题来了,如果上传的图片很大,而网速又很慢,这就需要等待很久预览图片才会显示出来了,而且,如果用户预览图片后发现不太满意,想重新选择一张图片,这时候还要把已经上传到服务器上的图片给删除掉. 自从有了HTML5的FileReader…

[转] createObjectURL方法实现本地图片预览

移动端H5适配方法（盒子+图片+文字）

一.怎么让H5页面适应手机 a.利用meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 解释:Viewport指用户网页的可视区域,content中的“width”指的是虚拟窗口宽度,上面代码意为虚拟窗口/页面宽度初始比例为1,最小比例为1,最大比例为1,用…

在LaTex中插入电路图的方法（插入图片）

主要的需求是要在文档中插入电路图. 有两种方法,一种是直接在LaTex中绘制电路图,使用的库主要是circ和circuitikz 另一种是在其他软件上绘制电路图,转成特定图像格式后,在Latex中插入该图像一.直接在LaTex中绘制电路图资料来源: 1.http://blog.csdn.net/trochowski/article/details/35282799 2.https://www.zhihu.com/question/23632588 3.http://weibo.com/p/2…

canvas drawImage方法不显示图片的解决方案

先复习一下用法: context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); 各个参数说明: 参数描述 img 规定要使用的图像.画布或视频. sx 可选.开始剪切的 x 坐标位置. sy 可选.开始剪切的 y 坐标位置. swidth 可选.被剪切图像的宽度. sheight 可选.被剪切图像的高度. x 在画布上放置图像的 x 坐标位置. y 在画布上放置图像的 y 坐标位置. width 可选.要使用的图像的宽度.(伸展或缩…

js 利用iframe和location.hash跨域解决的方法，java图片上传回调JS函数跨域

奶奶的:折腾了我二天,最终攻克了!网上有非常多样例. 但跟我的都不太一样,费话不多说了,上图上代码: IE ,firefix,chrome 測试通过 js :这个主页面,部分代码, function submitUpload(id){ $("#imgSrc" + id +"").attr("alt", "图片上传中--"); var imgID = id; if(id>0){ imgID = 1; } var fo…

CSS——图片替换方法：Fahrner图片替换法（FIR）

Html: <h1 id="fir"><span>Fahrner Image Replacement</span></h1> CSS: #fir { width: 287px; height: 29px; background: url(fir.gif) no-repeat; } #fir span { display: none; } 解释: 首先添加一个<span>标签,然后使用<span>标签的display…

ios UIImage图片拉伸 resizableImageWithCapInsets:

常见的按钮添加和背景设置如下: UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(80, 130, 160, 44)];[button setTitle:@”Test Button” forState:UIControlStateNormal]; // Image with without cap insetsUIImage *buttonImage = [UIImage imageNamed:@”blueButton”]…

javascript判断图片是否加载完成方法整理

有时候我们在前端开发工作中为了获取图片的信息,需要在图片加载完成后才可以正确的获取到图片的大小尺寸,并且执行相应的回调函数使图片产生某种显示效果.本文主要整理了几种常见的javascipt判断图片加载完成时的方法,并通过代码与实际应用相结合进行解释与说明. onload方法通过向img标签添加onload属性,并填入相应的函数来执行后续的javascipt代码.如下代码例子中img元素默认是不显示的,通过onload判断加载完成后再将图片显示出来. <img class="pic1&qu…

Winform以任意角度旋转PictureBox中的图片的方法

方法1: private void RotateFormCenter(PictureBox pb, float angle) { Image img = pb.Image; int newWidth = Math.Max(img.Height, img.Width); Bitmap bmp = new Bitmap(newWidth, newWidth); Graphics g = Graphics.FromImage(bmp); Matrix x = new Matrix(); PointF…

图片延迟加载（用jq自己写的方法）

$(function() { $("img.lazy").attr("src","2.jpg"); show(); $(window).scroll(function () { show(); }); function show(){ $("img.lazy").each(function () { var clientH = window.screen.availHeight; var $height = $(this).h…

只有图片拼接的html页面图片之间有白条的解决方法

有时候会有这样的页面,整个页面也就是几张切好的图片组成,但是把这些图片使用代码拼接好,又总会出现图片间有白条的问题,如下图: 解决方法:给图片的父容器添加 line-height: 0; 就好了,因为body/div之类的标签默认的都会有行高属性,即时是图片,也会受这个默认样式的影响…

fackbook的Fresco的多种图片加载方法以及解码过程

上篇文章中我们提到了图片加载其实是用了三条线程,如果没看过的同学可以先了解下这里. fackbook的Fresco的Image Pipeline以及自身的缓存机制那么今天我们就来探索一下如何在代码中改变图片实现的状态和内容,前面我们已经使用过SimpleDraweeView这个控件了,显示图片的时候直接写了一个setImageURI(uri),Fresco不仅仅提供了这一个方法来显示图片,它还提供了setController(controller)方法加载图片 DraweeController…

UIImage加载图片的两种方法区别

Apple官方的文档为生成一个UIImage对象提供了两种方法加载图片: 1. imageNamed,其参数为图片的名字: 2. imageWithContentsOfFile,其参数也是图片文件的路径. 那么两种有什么区别吗? 肯定是有的.根据Apple的官方文档: imageNamed: 这个方法用一个指定的名字在系统缓存中查找并返回一个图片对象如果它存在的话.如果缓存中没有找到相应的图片,这个方法从指定的文档中加载然后缓存并返回这个对象.因此imageNamed的优点是当加载时会缓存图…

cocos2dx 背景用小尺寸图片滚动填充的方法

直接上代码在初始化方法中添加图片: bool BackGroundLayer::init() { frameCache=CCSpriteFrameCache::sharedSpriteFrameCache(); CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize(); bgCell1=CCSprite::createWithSpriteFrame(frameCache->spriteFrameByName(&qu…

CSS让图片垂直居中的几种技巧三种方法介绍

在网页设计过程中,有时候会希望图片垂直居中的情况.而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战.下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错. 方法一将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧- img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样span内部的内容就相当于表格,可以很方便的使用vertic…

CSS——图片替换方法比较

图片替换主要是指将文字替换成图片的技术,即在html语句中使用文字,浏览器显示时用对应的图片显示.其意义在于便于做网站优化(SEO),文字才是搜索引擎寻找的主要对象. 经典的替换方法: Fahrner图片替换法(FIR) 源码: Html: <h1 id="fir"><span>Fahrner Image Replacement</span></h1> CSS: #fir { width: 287px; height: 29px; bac…

<转载>CSS解决图片过大撑破DIV的方法

DIV+CSS网页内容中如果插入大于DIV层宽度显示,过大的图片将会撑破网页宽度显示从而网页严重变形,您是否遇到过?这里DIVCSS5给大家介绍几种解决图片撑破撑开网页DIV层方法. 图片撑破宽度解决方法.CSS设置div层宽度图片大于设置div宽度后撑破div固定宽度解决方法方案,隐藏图片超出撑破宽度方法. 一.防止图片撑破DIV方法一原始处理方法是将要展示的图片进行处理.比如你的DIV宽度为500px(像素),那你上传的图片或放入网页的图片宽度就要小于500px,也就是你图片需要图片软件剪…

iOS 图片压缩方法

iOS 图片压缩方法两种图片压缩方法两种压缩图片的方法:压缩图片质量(Quality),压缩图片尺寸(Size). 压缩图片质量 NSData *data = UIImageJPEGRepresentation(image, compression); UIImage *resultImage = [UIImage imageWithData:data]; 通过 UIImage 和 NSData 的相互转化,减小 JPEG 图片的质量来压缩图片.UIImageJPEGRepresentati…

requests库下载图片的方法

方法: 传入图片url,requests.get()方法请求一下,将源码以二进制的形式写在本地即可. 以前一直以为requests库中有特定的方法获取图片,类似urllib.request.urlretrieve,其实是没有的. urllib.request.urlretrieve下载图片…

通过url动态获取图片大小方法总结

很多时候再项目中,我们往往需要先获取图片的大小再加载图片,但是某些特定场景,如用过cocos2d-js的人都知道,在它那里只能按比例缩放大小,是无法设置指定大小的图片的,这就是cocos2d-js 的坑了,我们必须先获取图片大小,计算比例再对图片进行缩放. 查阅资料,我总结了两种通过url获取图片大小的方法: 1.预加载获取图片大小 var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if…

【使用 resizableImageWithCapInsets 方法实现可伸缩图片】的更多相关文章