分类：图片裁剪

2021
08-08

python四个坐标点对图片区域最小外接矩形进行裁剪

在图像裁剪操作中，opencv和pillow两个库都具有相应的函数，但是这两个库中的函数仅仅能对与图片平行的矩形进行裁剪操作，如果想要对目标的最小外接矩形进行裁剪该如何操作呢？如下所示：具体处理该问题的思路如下：计算最小外接矩形的四个点的坐标，旋转角度将原图像进行旋转，旋转角度为最小外接矩形的角度将四个点的坐标进行映射，求出被旋转后图像的四个点的坐标利用这四个点对图像进行裁剪图像原图如下：1求... 继续阅读 >

2021
02-20

python 实现图片裁剪小工具

完整项目地址下载：https://github.com/rainbow-tan/rainbow/tree/master/%E8%A3%81%E5%89%AA%E5%9B%BE%E7%89%87实现：tkinter 画布上显示图片，按下鼠标左键并且移动，实现截图#-*-encoding=utf-8-*-importosimporttkinterastkfromPILimportImagefromPILimportImageTkleft_mouse_down_x=0left_mouse_down_y=0left_mouse_up_x=0left_mouse_up_y=0sole_rectangle=Nonedefleft_mouse_down(event):#p... 继续阅读 >

2020
12-16

vue图片裁剪插件vue-cropper使用方法详解

本文实例为大家分享了vue图片裁剪插件vue-cropper的使用方法，供大家参考，具体内容如下我在网上找了很多关于vue裁剪图片的文章，demo都太长了，实在是太长了。有些还都看不懂，最后还是用了个大佬的demo，但是项目实践过程中还是有问题没解决。先介绍吧。效果是下面这样的，我这里采用了4:3的固定比例进行裁剪，裁剪后的效果但是裁剪后的图片路径是base64，超级长的路径，最终还是需要处理地址传给后端的，项目用oss处理图片，最... 继续阅读 >

2020
11-13

vue 图片裁剪上传组件的实现

先看一下总体效果:上传文件做了大小和类型的限制，在动图中无法展现出来。使用file类型的input实现选择本地文件但是浏览器原生的文件上传按钮的颜值不尽人意，而且按钮上的文字是无法改变的，我需要把这个上传文件的按钮改造一下。方法1：使用label元素来触发一个隐藏的file类型的input元素；（缺点：在多人开发时，可能出现重复的元素id，导致难以预料的bug）<inputtype="file"id='up_file_input'v-show='false'><labelfo... 继续阅读 >

2020
11-06

Python基于tkinter canvas实现图片裁剪功能

实现：tkinter画布上显示图片，按下鼠标左键并且移动，实现截图代码如下#-*-encoding=utf-8-*-importosimporttkinterastkfromPILimportImagefromPILimportImageTkleft_mouse_down_x=0left_mouse_down_y=0left_mouse_up_x=0left_mouse_up_y=0sole_rectangle=Nonedefleft_mouse_down(event):#print('鼠标左键按下')globalleft_mouse_down_x,left_mouse_down_yleft_mouse_down_x=event.xleft_m... 继续阅读 >