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

    相机和相册选取图片剪裁

    图片的选择 这两天做头像模块的时候,使用到了相册,相机,剪裁,自定义圆形图片;这里做个总结吧 这里关于权限的处理 之前已经做过总结了,就不再写了 https://sky-mxc.github.io/2016.../10/08/permission 相册选取 相机选取 剪裁 自定义圆形图片 相册选取 图库选取之后获得的是这个图片的路径, 我的实现方法是通过ContentResovler来获取路径,存储在文件夹里,...然后启动剪裁程序去剪裁 /** * 执行图库选取图片 */ private void invokePhoto() { Log.i(TAG, "invokePhoto: "); Intent...并执行剪裁 /** * 执行拍照 */ private void invokeCamera() { String state = Environment.getExternalStorageState...CAMERA); }else{ Toast.makeText(this, "检测不到SD卡,无法使用", Toast.LENGTH_SHORT).show(); } } 剪裁

    77360

    wordpress自动剪裁图片Aqua-Resizer使用说明

    相信大家在制作以及使用网站的时候都会碰到图片剪裁的问题,特别是动态调用的地方,前端调用的时候经常会出现变形、撑破等问题,严重影响美观。...wordpress可以使用add_image_size函数添加一些常用的剪裁比例,在后台上传编辑的时候就进行剪裁,但还是需要编辑人员熟悉操作,并且也不能将所有的图片剪裁比例都设置起来吧。...后来发现一款wordpress下的图片自动剪裁的神器Aqua-Resizer,虽然是wordpress下调用的也都是wordpress内部函数进行实现的图片剪裁,但不知道为什么作者就没有做成插件形式,而是以单独文件单独调用的形式...和add_image_size在后端进行剪裁不同,Aqua-Resizer只有在前端调用的时候才进行剪裁,并且如果你不访问,就永远不会剪裁剪裁后也会自动生成对应的图片,下次调用就直接调用静态图片,非常方便...,必须 $width 需要设置图片的宽度,必须 $height 需要设置图片的高度 $crop 是否剪裁图片 $single 是否返回包含url、高度、宽度的数组,默认true $upscale 图片本身小的时候

    74420

    JAVA 将图片剪裁成圆形,并在圆形外带有白边

    最近在做关于社交项目时,用到了二维码中间带图片logo的功能,但是要求图片为圆形,于是找到了java剪裁图片为圆形的工具类,并同时在圆形外围带有白边,不多说,直接上代码: package com.im.app.api.util...avatarImage.getWidth(), avatarImage.getWidth()); int width = avatarImage.getWidth(); // 透明底的图片...BufferedImage.TYPE_4BYTE_ABGR); Graphics2D graphics = formatAvatarImage.createGraphics(); //把图片切成一个园...RenderingHints.VALUE_ANTIALIAS_ON); //留一个像素的空白区域,这个很重要,画圆的时候把这个覆盖 int border = 1; //图片是一个圆型...graphics.dispose(); OutputStream os = new FileOutputStream("C:\\Users\\EDZ\\Desktop\\剪裁图片

    5.3K40

    这款vue图片剪裁开源项目,简直逆天了!

    大家好,我是为前端娱乐圈操碎了心的小迷妹,每天推荐一个小工具/源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节省开发效率,实现不加班不熬夜不掉头发,是我的目标。...这里就推荐一个简单易用的vue图片裁剪插件,支持移动图像,裁剪图片,放大缩小图片,上下左右移动,固定比例,固定尺寸,远程图片裁剪,只需要很少的代码就可以实现裁剪功能,也可以通过调整参数以适应你自己的业务需求...链接:https://github.com/acccccccb/vue-img-cutter 是不是莫名的眼熟,是不是在几年前还用着jquery的时候在插件库里面看到过,小编曾经用过基于cropper.js...的图片上传和裁剪的库,和这个简直是出自同一人之手,反正就是好用。...兼容性也是挺好的哟,兼容IE9+,MSEdge,chrome,firefox等主流浏览器,还可以使用此配置工具进行更多个性化设置,不仅能实时预览,还可直接生成代码复制粘贴到你的项目。

    1.5K20

    Annotorious.js 入门教程:图片注释工具

    最近有工友问我前端怎么给图片做标注。使用 Fabric.js 或者 Konva.js 等库确实可以实现,但多少觉得有点大炮打蚊的感觉,好奇有没有专门做图片标注的工具呢?...-- 引入js --> <script src="https://cdn.jsdelivr.net/npm/@recogito/annotorious@2.7.10/dist/annotorious.min.<em>js</em>...Annotorious 的用法很简单,只需做以下2步: 在html部分插入<em>图片</em> 初始化 Annotorious,并绑定<em>图片</em>元素(元素的ID或者元素本身) CDN 和 NPM 在初始化时的用法稍微有点不同...vocabulary: [ '雷猴', '鲨鱼辣椒', '蝎子莱莱'] } ] }) 多边形选框 使用 setDrawingTool(toolName) 方法可以设置不同的绘制<em>工具</em>...anno = Annotorious.init({ image: 'my-image' }) anno.setDrawingTool("polygon") 想要知道当前有哪些绘图工具

    59010

    微信公众平台编辑器可以剪裁和替换正文图片

    之前微信公众平台后台编辑器上线封面图裁剪功能,时隔近两个月的今天,公众平台编辑器正文图片也可以剪裁和替换了,简单的图片裁剪编辑小编们再也不用放到ps等作图软件处理了,方便快捷。...下面就让ytkah手把手教你玩转公众平台正文裁剪和替换: 点击正文的图片,即可看到图片编辑工具栏 1、裁剪 点击剪裁,拖拽剪裁框就可以剪裁图片 ?...同时,滚动鼠标或拉动工具栏可直接对图片进行缩放 “收放自如,可大可小” ? 2、替换 在工具栏点击图片替换,就可用其他图片替换原有图片 ?...替换后默认剪裁框的尺寸为替换前图片尺寸 立志治好“图片不一样大会死星人”的强迫症 ?...另外,图片替换会保留原有图片的样式 比如如果原来图片边框是圆角,替换新图片依然是圆角的 3、正文插入封面图直接插原图 小编们都知道我们有个功能叫做 “在正文顶部插入封面图原图片” ?

    1.6K50

    JS 图片压缩

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...,后续会有详细介绍 转换后的图片生成对应的新图片,然后输出 优缺点介绍 不过 Canvas 压缩的方式也有着自己的优缺点: 优点:实现简单,参数可以配置化,自定义图片的尺寸,指定区域裁剪等等。...上传存储图片如果需要对文件大小格式有要求的,可以统一压缩处理图片 前台页面想要编辑图片,可以在 Canvas 处理图片的时候,加一些其他逻辑,例如添加文字,剪裁,拼图等等操作 当然温馨提示:因部分接口有

    25.8K21

    js拖拽上传图片

    有时候,在开发中,需要遇到拖拽上传图片的需求,即从磁盘选中一张或多张图片,然后按着鼠标把图片拖动到页面上指定的区域,实现图片的上传。...1、后端上传图片的接口 我是之前用vue写一个简单的后台系统的时候,用Java的SpringMVC+MyBatis的框架写了一个简单的后台管理的一些接口,刚好有一个上传用户头像的接口,该接口是把上传后的图片存储在另外一台...Tomcat下,这里就直接使用这个接口来上传图片。...ie=edge"> Document <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.<em>js</em>...里面用的formData对象来上传<em>图片</em>的,该对象的作用是:   1、用一些键值对来模拟一系列表单控件,即把form中所有表单元素的name与value组装成一个queryString;   2、异步上传二进制文件

    18.2K30
    领券