把长方形的图片截取成正方形

最新推荐文章于 2024-12-16 17:15:10 发布
原创 最新推荐文章于 2024-12-16 17:15:10 发布 · 3.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个用于裁剪UIImage的方法实现。该方法接受一个UIImage对象作为输入参数，并返回一个按指定矩形区域裁剪后的UIImage对象。通过计算目标区域的位置和大小来确保裁剪效果符合预期。

- (UIImage *)imageFromImage:(UIImage *)image {

    CGSize size = image.size;

    CGRect rect = CGRectZero;

    rect.size = size;

    rect.origin.x = (size.width - size.height) / 2;

    rect.size.width -= 2 * rect.origin.x;

    CGImageRef sourceImageRef = [image CGImage];

    CGImageRef newImageRef = CGImageCreateWithImageInRect(sourceImageRef, rect);

    UIImage *newImage = [UIImage imageWithCGImage:newImageRef];

    return newImage;

}


python-图片批量处理成正方形
分享知识
07-13 2668
我们平时获取的图片都是矩阵居多，现在如何怎么这些矩形处理成正方形呢 正方形的处理方式一般有这两种，一种是裁剪掉较长边的长度与宽等长，另一种则是填充将较宽的边与较长边等长。 1.裁剪成正方形-单张图片处理 代码如下： from PIL import Image a = "1234.png" #打开本地图片 image=Image.open(a) #打开本地图片 img = image.convert('RGB') if img.size[0]
php中绘制长方体,php代码将常见的长方形图片修改为正方形的图片
weixin_39836726的博客
03-09 659
在制作网页过程中，有时候需要使用到正方形的图片，然而一般我们的拍摄的照片都为长方形的，要是长方的图片在网页上显示的话图片会变形，所以需要处理一下.本文简单介绍了怎样使用一些常见的程序语言将长方形的图片修改裁剪为正方形的图片。php代码如下：$picimg = "测试图片地址.jpg";$picinfo = file_get_contents($picimg);$iytpic = imagecrea...
unity 根据当前设备屏幕宽高截图最大正方形图片
qq_26541839的博客
06-06 349
unity 根据当前设备屏幕宽高截图最大正方形图片 Texture2D screenShot; int width=(int)Screen.width; int height=(int)Screen.height; Rect rect= new Rect(0, 0, width, height); if(rect.height>rect.width){ screenShot = new Texture2D((int)rect.width, (int)rect.width, TextureFormat.
vue自定义指令截取图片中心显示
weixin_33775572的博客
07-31 977
使用vue做项目时，有一种产品需求，是像朋友圈一样展示图片，在小图时，只展示中心的一部分图片 在vue中可以用自定义指令来做 页面代码 <div class="image-item" v-for="(image, index) in data.img" :key="index"> <img v-interceptImg :src="image.img_min" alt...
二次封装vue-cropper实现图片裁剪
Humanideal的博客
09-20 595
二次封装vue-cropper实现图片裁剪
VUE图像裁剪小工具
HeyOldThiefSima的博客
01-30 1108
预览区域宽高处理：图片尺寸大小分为三种，宽大于高、高大于宽、宽高相等。宽大于高或者宽高相等处理方式，宽度计算公式：宽除以高乘以宽度基准值，高度固定。第三步：鼠标移动预览区域，预览裁剪同步处理。预览裁剪同步处理，通过getImageData方法将预览区域图像同步到裁剪区域。第四步：裁剪，获取裁剪区域canvasDOM，通过putImageData方法将获取到的预览区域图片信息绘制到裁剪区域。第五步：下载，通过toDataURL获取裁剪区域图片信息，通过fetch方法将获取到的图片URL信息转换为blob。
android显示图片部分区域,android图片裁剪截取中间正方形部分
weixin_33430573的博客
05-25 1051
在做相册应用的过程中，需要得到一个压缩过的缩略图但，同时我还希望得到的bitmap能够是正方形的，以适应正方形的imageView，传统设置inSampleSize压缩比率的方式只是压缩了整张图片，如果一个图片的长宽差距较大，则展示出来的时候会有拉伸的现象，因此正确的做法是在压缩之后，对bitmap进行裁剪。代码如下：给定图片维持宽高比缩放后，截取正中间的正方形部分/*** @param bitm...
部编版第３周 长方形、正方形的周长.doc
09-09
本周的课程内容主要集中在长方形与正方形的周长计算上，旨在夯实学生的数学基础，并培养其解决实际问题的能力。通过掌握长方形和正方形的周长计算公式，学生能够更加深入地理解图形的性质，并在此基础上，灵活地应用...
五年级奥数长方形正方形的周长PPT课件.pptx
10-26
例2则涉及到了长方形截取问题，通过计算截取面积，学生可以推算出木板剩余部分的周长。这里用到了长方形面积和周长的关系，以及问题转化的技巧。 练习二进一步增加了难度，如一个长方形减少长和宽后变成正方形，...
c#图片截取，缩放，等比缩放等功能
04-25
有以下三个API:将矩形图片截取成正方形，然后缩放成你要的比例 将矩形图缩放成你要的比例
vue2组件——上传图片裁剪成固定宽高并上传
最新发布
xiaoququ的博客
12-16 514
【代码】vue2组件——上传图片裁剪成固定宽高并上传。
vue图片宽高自适应_div或img图片高度随宽度自适应的方法
weixin_39588206的博客
12-21 1万+
该方法主要用来做网站自适应的，同时可以实现撑起内容高度，避免图片加载后导致的页面滚动。一、可以使用js判断图片的宽度得到具体数值之后，再来利用js设置图片的高度(这里就不具体为大家细说了)。利用js来实现有一个缺点就是只能在页面刷新的时候才能调整图片的高度，不能随着浏览器的窗口大小变化来实现自适应。二、我这次主要是用css来实现图片高度的自适应问题。下面是所需要的代码(这种方法是可以在图片上方垂直...
长方形图片填充为正方形
qq_42587694的博客
12-06 4669
因为训练数据需要输入正方形，自己只有长方形的图片，所以用了个傻子方法把图片pad成正方形放入（图片从1024720变成了10241024)。 from PIL import Image import os def transform (read_file): # 创建一个函数用来产生所需要的正方形图片转化 image = Image.open(read_file) # 导入图片 w, h = image.size # 得到图片的大小 new = Image.new('RGB
css来控制img正方形自适应
热门推荐
董庆贺的专栏
10-11 1万+
css来控制div正方形自适应<div class="wrap"> <div class="div"> <img src=""> </div> </div>.div{ width:100%; height:0px; padding-bottom:100%; position:relative; } .div img{ w
Android中将方形图片截取成圆形的两种实现方式
HelloMoney_的博客
01-28 8590
以下两种方法均有不足，仅供参考第一种实现方式是通过设置画笔的渲染方式对图片进行处理：首先要了解几种渲染方式 1.BitmapShader（图像渲染） 　　BitmapShader的作用是使用一张位图作为纹理来对某一区域进行填充。可以想象成在一块区域内铺瓷砖，只是这里的瓷砖是一张张位图而已。 　　 2.LinearGradient（线性渲染） 　　LinearGradient的作用是实现
长方形中裁剪正方形问题
zw
03-17 2415
考递归思想，注意递归函数中的返回条件！！！import java.util.Scanner;class Test{    public static void main(String[] agrs) {        int x,y;        Scanner scanner=new Scanner(System.in);        x=scanner.nextInt();        ...
<img class="image-size" :src="imgURL" alt="" @click="showBigImage = true" /> 图片是一个长方形的，怎么截取图片中间的正方形部分
11-02
要截取图片中间的正方形部分，你可以使用CSS来设置图片的显示方式。具体来说，可以通过设置`object-fit`属性为`cover`，并调整`object-position`属性来控制显示哪一部分的图片。 以下是一个简单的示例： ```html <template> <div class="image-container"> <img class="image-size" :src="imgURL" alt="" @click="showBigImage = true" /> </div> </template> <style scoped> .image-container { width: 300px; /* 容器宽度 */ height: 300px; /* 容器高度 */ overflow: hidden; /* 隐藏溢出的部分 */ } .image-size { width: 100%; /* 图片宽度 */ height: 100%; /* 图片高度 */ object-fit: cover; /* 保持图片比例，填充整个容器 */ object-position: center; /* 从图片中心开始显示 */ } </style> ``` 在这个示例中，`.image-container`是一个固定大小的容器，而`.image-size`是图片本身。通过设置`object-fit: cover`和`object-position: center`，可以确保图片以覆盖的方式填满容器，并且从图片的中心部分开始显示。这样，最终显示出来的就是一个位于图片中心的正方形部分。 如果你需要动态计算并截取图片的中间部分，可以使用JavaScript来实现。以下是一个更复杂的示例： ```html <template> <div class="image-container"> <img class="image-size" ref="image" :src="imgURL" alt="" @click="showBigImage = true" /> </div> </template> <script> export default { data() { return { imgURL: 'your-image-url.jpg', // 替换为你的图片URL showBigImage: false, }; }, mounted() { this.cropImage(); }, methods: { cropImage() { const img = this.$refs.image; img.onload = () => { const containerWidth = 300; // 容器宽度 const containerHeight = 300; // 容器高度 const aspectRatio = img.naturalWidth / img.naturalHeight; let newWidth, newHeight; if (aspectRatio > 1) { newHeight = containerHeight; newWidth = containerHeight * aspectRatio; } else { newWidth = containerWidth; newHeight = containerWidth / aspectRatio; } const x = (newWidth - containerWidth) / 2; const y = (newHeight - containerHeight) / 2; img.style.width = `${newWidth}px`; img.style.height = `${newHeight}px`; img.style.objectFit = 'none'; img.style.objectPosition = `-${x}px -${y}px`; }; }, }, }; </script> <style scoped> .image-container { width: 300px; /* 容器宽度 */ height: 300px; /* 容器高度 */ overflow: hidden; /* 隐藏溢出的部分 */ } .image-size { display: block; /* 确保图片是块级元素 */ } </style> ``` 在这个示例中，我们使用JavaScript来计算图片的新尺寸，并通过设置`object-position`属性来截取图片的中间部分。这样可以确保无论图片的原始尺寸如何，最终显示的都是一个位于图片中心的正方形部分。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值