上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：c ...
分类：
Web程序 时间：
2020-06-10 13:07:20
阅读次数：
92
最近在开发小程序，产品经理提了一个需求，要求微信小程序换头像，用户剪裁图片必须是圆形，也在github上看了一些例子，一般剪裁图片用的都是方形，所以自己打算写一个小组件，可以把图片剪裁成圆形，主要思路就是使用canvas绘图，把剪裁的图片绘制成圆形，另外剪裁图片的窗口还可以移动放大缩小，这个功能就用... ...
分类：
微信 时间：
2019-03-04 23:43:42
阅读次数：
289
利用C#图片处理的一些基本和高级应用，解决了显示排版时想让相片缩略图列表非常统一、整齐、和美观，每张缩略图大小固定为120 x 90且不拉伸变形，用户头像让缩略图比原图更清晰，上传的图片下加一个半透明的LOGO水印等等要求。 高缩略图清晰度 之前一直认为缩略图不可能比原图清晰，直到某天一位产品的同事 ...
上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。 object-fit理解 CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：c ...
分类：
Web程序 时间：
2018-07-25 18:16:44
阅读次数：
475
首先使用cropper.js插件，能够将剪裁后的图片返回为base64编码，后台根据base64编码解析保存图片。 jQuery.cropper： 是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用 ...
背景： 当前主流的图片剪裁主要有两种实现方式。 1：flash操作剪裁。2：利用js和dom操作剪裁。 目前看来这个剪裁主要还是先通过前端上传图片到服务器，然后前端操作后把一些坐标和大小数据传到后台， 然后后台来执行剪裁。我一直觉得这样有很多问题： 1.必须要先把图片上传到服务器然后才能执行后面的操 ...
分类：
Web程序 时间：
2017-06-21 14:11:42
阅读次数：
197
关于js处理图片的三大误区： 1.js操作文件，只能形成剪裁效果，不能生成图片文件； 2.js选择文件时，无法获取文件在个人电脑中的路径； 3.js不能为<input type=file>自动赋值，出于安全方面考虑，fileinput文件只能手动选择。 上传图片思路： 1.使用jquery剪裁插件c ...
分类：
Web程序 时间：
2017-04-05 10:50:56
阅读次数：
251
1.先下载核心文件：https://github.com/fengyuanchen/cropper 2. 3.对于index.html文件 4.对于main.js文件 5.对于crop.php文件 ...
分类：
Web程序 时间：
2017-03-28 19:41:10
阅读次数：
1590
有时候我们需要设置为这样，就是将某些图片设置为剪裁成设置的尺寸：就是这样的 插件的地址： http://www.htmleaf.com/jQuery/Image-Effects/201504211716.html可以兼容ie8的 注意：说一下现在图片的剪裁可以用clip用法就是clip:rect(t ...
分类：
其他好文 时间：
2017-01-22 09:43:06
阅读次数：
177
核心动画可以让View旋转，缩放，平移（主要是操作View的layer（层）属性）但是核心动画改变的位置不是真实的位置，一切都是假象所以有时候要用到其他动画，如UIView本来封装的动画，还有定时器 // 实现图片360°旋转 CABasicAnimation* rotationAnimation; ...
分类：
移动开发 时间：
2016-11-27 16:33:26
阅读次数：
216
