首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android图片裁剪之自由裁剪

    是这种,客户须要做一个图片上传的功能,这个图片须要裁剪。一般而言,这东西用系统自带的裁剪就搞定了。但是客户不,他要能够自由裁剪,就是长宽比不固定,想裁成什么比例就裁成什么比例,我一听,蛋都碎了。   ...图片裁剪的功能系统自带了,和我的需求仅仅有一点不一样,就是它是固定宽高比的,设定了宽高比就不能再改变,而我须要自由宽高比。好吧,既然仅仅有这一点不一样,那给他改改即可了。   ...下载gallery的源代码,抽取裁剪功能的代码,如图 这基本就好了,然后CropImage.java里面有叉叉,自己改下就好了。...,我这里直接凝视掉,仅仅传一个要剪切图片的uri就能够。   ...然后怎么让他自由裁剪呢,看下mAspectX变量的使用,源代码里面用mAspectX和mAspectY来做宽高比计算的,我们就把他计算宽高比的地方凝视掉就好了。

    2.6K20

    【项目】前端图片裁剪

    把工作中做过的一些小东西或者功能总结记录,分享学习 最近做了一个需求,是做 视频封面裁剪的,涉及到的一个功能点是 自动裁剪,就是拿到一张图片,自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的,说到前端裁剪...后面四个参数,表示的就是图片的 位置,宽高 信息 以你的图片为底图,以 imgX 和imgY 找到起始点,然后再以你想要的宽高裁出大小 ? 比如这样一张图片,红色区域就是我们裁剪出来的地方 ?...在上面四个图片参数中,我们已经裁减出了我们需要的图片部分 我们要把图片放到 canvas 上,所以我们需要确定 我们要放在哪里啊!!...所以我们需要获取到以下这些数据 1、图片的 原始宽高 2、裁减的图片位置 3、裁减的图片大小 首先拿到 图片原始宽高,比较一下是 更长 还是更高,从而确定裁减的 大小 高>宽,裁减的宽高= 图片的宽 宽...就可以了,就会返回裁剪好的base64 function imgUpload(url) { const image = new Image(); image.crossOrigin

    1.9K30

    cropper.js 实现HTML5 裁剪图片并上传(裁剪上传头像。)「建议收藏」

    ************* 注: cropper.js 版本更新至1.5.11 。...**** 我的需求功能:在手机端实现上传头像,带裁剪框。 cropper.js 通过canvas实现图片裁剪,最后在通过canvas获取裁剪区域的图片base64串。...默认情况下,插件会检测图片的源,如果是跨域图片图片元素会被添加crossOrigin class,并会为图片的url添加一个时间戳来使getCroppedCanvas变为可用。...如 0.1 就是图片的10% crop(裁剪框)相关 aspectRatio 裁剪框比例 默认NaN 例如:: 1 / 1,//裁剪框比例 1:1 modal:类型:Boolean,默认值true...我参考的文章咻咻咻 1.jQuery简单且功能强大的图片剪裁插件 2.英文copper api 当找不到方法时,可以看这里,不要怕英文版的,实在不行你可以一个一个试过去看看效果哈哈。

    7.6K60
    领券