精华内容
下载资源
问答
  • Android中实现图片编辑功能

    千次阅读 2019-02-21 11:25:34
    文章目录功能展示涂鸦功能撤销功能X轴反转亮度对比度源码下载 功能展示 涂鸦功能 撤销功能 X轴反转 亮度 对比度 源码下载 https://github.com/chendeshan/image_editor ...

    功能展示

    涂鸦功能

    在这里插入图片描述

    撤销功能

    在这里插入图片描述

    X轴反转

    在这里插入图片描述

    亮度

    在这里插入图片描述

    对比度

    在这里插入图片描述

    源码下载

    https://github.com/chendeshan/image_editor

    展开全文
  • 推荐一款图片编辑download的js插件

    千次阅读 2018-01-11 14:42:06
    该插件功能强大包含裁剪、绘画、添加文字、添加图形、添加图标、旋转、过滤器等,挺不错的推荐给大家 百度网盘地址 链接:https://pan.baidu.com/s/1mjK3DKs 密码:ue23
    该插件功能强大包含裁剪、绘画、添加文字、添加图形、添加图标、旋转、过滤器等,挺不错的推荐给大家
    百度网盘地址

    链接:https://pan.baidu.com/s/1mjK3DKs 密码:ue23

    展开全文
  • 现在在web端的输入框需要直接复制图片进去,于是就用上了富文本编辑器。 正文 在研究了多个富文本编辑器后,基于免费、好用、简洁的原则(主要是基于免费),最终选择使用wangEditor。 使用场景 从Word中复制图片、...

    “刘郎已恨蓬山远,更隔蓬山一万重”

    现在做的是从web端给眼镜端发送消息,其实就是web端把消息存到数据库,然后眼镜从数据库获取消息即可。现在在web端的输入框需要直接复制图片进去,于是就用上了富文本编辑器。

    正文

    在研究了多个富文本编辑器后,基于免费、好用、简洁的原则(主要是基于免费),最终选择使用wangEditor
    使用场景
    从Word中复制图片、文字、标题、部分带样式的文字到编辑器中。可实现取出文字和图片的功能,不包含Word上的样式,比如加粗、斜体等样式。
    说明:以下内容均基于该使用场景。
    使用方法

    1. 下载wangEditor的JS。
      官网首页有个下载,点下载之后进入GitHub,选择要下载的版本后,下载source code压缩包。然后从压缩包中把JS取出来:
      在这里插入图片描述
    2. 将上面说的JS复制你的项目中,然后在页面上引用。
    <script src="/js/wangEditor.min.js"></script>
    

    创建一个富文本编辑器:

    <script type="text/javascript">
    	var editor ;	//定义全局变量
    	//富文本编辑器
    	var E = window.wangEditor;
    	editor = new E('#textarea');
    	editor.customConfig.uploadImgShowBase64 = true;   // 使用 base64 保存图片,使用这种方式上传图片,然后在服务器端把base64编码转成图片。这样就不需要上传文件了。
    	editor.customConfig.menus = [];	//设置不要工具栏
    	editor.create();
    	</script>
    
    1. 获取富文本编辑器的内容
    var editorData = editor.txt.html();
    

    获取编辑器的内容还有其他方式:

    var editorData = editor.txt.text();
    //或者
    var editorData = editor.txt.getJSON();
    

    具体参考文档:读取内容

    1. 通过editor.txt.html();读取的内容都含有样式,(如果是通过通过Word粘贴进去的文本或图片,请看步骤6)比如p标签,img标签之类的,所以需要去除这些标签,直接把p标签里面的内容和img标签图片的base64编码取出来,用到正则表达式:
    //获取编辑器的内容
    var editorData = editor.txt.html();
    //定义一个图片编码和文字的数组
    var picArr = new Array();
    var wordArr = new Array();
    //获取图片编码的正则
    var p = /<img\s?src="data\:image\/.*?;base64,(.*?)"/ig;
    while(true){
    	var match = p.exec(editorData);
    	if(match){
    		picArr.push(match[1]);
    	}else{
    		break;
    	}
    }
    
    //获取p标签中的文字
    p = /<p>([^<]*?)<\/p>/ig;
    while(true){
    	var match = p.exec(editorData);
    	if(match){
    		//判断是否全是空格
    		if (!match[1].match(/^[ ]*$/)) {
    			wordArr.push(match[1]);
    		}
    	}else{
    		break;
    	}
    }
    
    1. 通过上面代码就能获取到在编辑器中输入的文字,或者是从Word中粘贴过去的图片。然后通过文字数组和图片编码的数组,传到服务端处理就可以了。
    2. 但是如果从Word上粘贴文字到编辑器的话,会有很多样式,比如:加粗、斜体、下划线等,这种情况的需要去除这些样式文本,我把整个的代码都贴出来:

    直接可以用的JS代码:

    function getEditorData(){
    	//处理富文本编辑器的数据
    	var picArr = new Array();
    	var editorData = editor.txt.html();
    	//处理Word复制过来的样式
    	editorData = cleanPastedHTML(editorData);
    	//获取图片
    	var p = /<img\s?src="data\:image\/.*?;base64,(.*?)"/ig;
    	while(true){
    		var match = p.exec(editorData);
    		if(match){
    			picArr.push(match[1]);
    		}else{
    			break;
    		}
    	}
    	var wordArr = new Array();
    	//获取图片后面紧跟的文字,由于紧跟在图片后面,所以通过p标签获取文字的正则获取不到。
    	p = /">(.*?)<br>/ig;
    	while(true){
    		var match = p.exec(editorData);
    		if(match){
    			if (match[1] != '') {
    				wordArr.push(match[1]);
    			}
    		}else{
    			break;
    		}
    	}
    	//获取标题内容,因为Word中的标题,在富文本编辑器中获取出来都带<h1></h1>或<h2></h2>等
    	p = /<h\d>(.*?)<\/h\d>/ig;
    	while(true){
    		var match = p.exec(editorData);
    		if(match){
    			//判断是否全是空格
    			if (!match[1].match(/^[ ]*$/)) {
    				wordArr.push(match[1]);
    			}
    		}else{
    			break;
    		}
    	}
    	//获取p标签中的文字
    	p = /<p>([^<]*?)<\/p>/ig;
    	while(true){
    		var match = p.exec(editorData);
    		if(match){
    			//判断是否全是空格
    			if (!match[1].match(/^[ ]*$/)) {
    				wordArr.push(match[1]);
    			}
    		}else{
    			break;
    		}
    	}
    }
    
    
    //去掉Word复制过来的样式
    function cleanPastedHTML(input) {
    	// 1. remove line breaks / Mso classes
    	var stringStripper = /(\n|\r| class=(")?Mso[a-zA-Z]+(")?)/g;
    	var output = input.replace(stringStripper, ' ');
    	// 2. strip Word generated HTML comments
    	var commentSripper = new RegExp('<!--(.*?)-->','g');
    	var output = output.replace(commentSripper, '');
    	var tagStripper = new RegExp('<(/)*(meta|link|span|\\?xml:|st1:|o:|font)(.*?)>','gi');
    	// 3. remove tags leave content if any
    	output = output.replace(tagStripper, '');
    	// 4. Remove everything in between and including tags '<style(.)style(.)>'
    	var badTags = ['style', 'script','applet','embed','noframes','noscript'];
    
    	for (var i=0; i< badTags.length; i++) {
    		tagStripper = new RegExp('<'+badTags[i]+'.*?'+badTags[i]+'(.*?)>', 'gi');
    		output = output.replace(tagStripper, '');
    	}
    	// 5. remove attributes ' style="..."'
    	var badAttributes = ['style', 'start'];
    	for (var i=0; i< badAttributes.length; i++) {
    		var attributeStripper = new RegExp(' ' + badAttributes[i] + '="(.*?)"','gi');
    		output = output.replace(attributeStripper, '');
    	}
    	//去掉下划线、删除线、斜体、加粗等标签
    	output = output.replaceAll("<b>","").replaceAll("</b>","").replaceAll("<i>","").replaceAll("</i>","").replaceAll("<u>","")
    			.replaceAll("</u>","").replaceAll("<s>","").replaceAll("</s>","").replaceAll("<p >","<p>");
    	return output;
    }
    
    //全部替换方法
    String.prototype.replaceAll  = function(s1,s2){
    	return this.replace(new RegExp(s1,"gm"),s2);
    };
    
    1. 我再把后台处理base64编码成图片的方法再贴一下:
    //先把base64编码转成流,imgBase64Code就是前台传过来的图片编码,由于我这里把图片编码加到数组里了,所以要先循环数组,这里省略了循环。
    byte[] byt = Base64Utils.decode(imgBase64Code);
    //再把流写成文件,fileName是随机生成的文件名,filePath是要存储的路径
    FileUtil.uploadFile(byt, filePath, fileName);
    
    
    public static byte[] decode(String s) {
        ByteArrayOutputStream bos = new ByteArrayOutputStream();
          try {
              decode(s, bos);
          } catch (IOException e) {
              throw new RuntimeException();
          }
          byte[] decodedBytes = bos.toByteArray();
          try {
              bos.close();
              bos = null;
          } catch (IOException ex) {
              System.err.println("Error while decoding BASE64: " + ex.toString());
          }
          return decodedBytes;
    }
    
    
    public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception {
    	File targetFile = new File(filePath);
    	if (!targetFile.exists()) {
    		targetFile.mkdirs();
    	}
    	FileOutputStream out = new FileOutputStream(filePath +"/"+ fileName);
    	out.write(file);
    	out.flush();
    	out.close();
    }
    
    1. 特别说明一下,上面的cleanPastedHTML方法,引用了这篇博客中的方法。声明感谢!
    展开全文
  • 图片处理是每个人都会用到的一个强大的功能,不仅仅是手机中的美图秀秀或者其他修图软件,电脑中我们常用的修...今天小编和大家一起看看在线PS照片处理工具,无需下载怎么编辑图片。 1、首先不得不夸夸PS的功能,...

    图片处理是每个人都会用到的一个强大的功能,不仅仅是手机中的美图秀秀或者其他修图软件,电脑中我们常用的修图工具大概就数Photoshop了吧!但是有很多人反应在电脑中无法直接下载Photoshop软件,每次安装都是提示程序错误,很是令人烦恼,那遇到这样的问题怎么办呢,有没有不需要下载的修图工具呢?今天小编和大家一起看看在线PS照片处理工具,无需下载怎么编辑图片。

    1、首先不得不夸夸PS的功能,很神奇的一个修图及图片制作工具,而今天小编要说的这个迅捷在线图片编辑器和PS软件有着异曲同工之妙,不但界面相似,功能也是不谋而合;

    2、在百度搜索框搜索“在线PS图片编辑器”会出现一系列的在线PS网站,找到迅捷在线tu直接图片编辑器直接进去即可,然后可以看到界面和PS软件是差不多一样的啦!

    3、然后是添加要处理的图片(文件——打开/Ctrl+Alt+O),如果是自己制作图片的话,可以点击文件——新建/Ctrl+Alt+N,新建画布即可,画布的大小可以自己设置;

    4、然后是对图片的进一步处理,左侧都是其功能,使用过PS软件的朋友用起来会很得心应手,功能和位置都是差不多的;

    5、最后图片编辑完成之后,需要对图片进行保存,在文件——另存为中,可以选择图片的格式保存位置。

    迅捷在线图片编辑器ps.xunjiepdf.com

    上面是在线PS照片处理工具,无需下载软件怎么编辑图片的内容,希望可以帮助到你!

    展开全文
  • insightface人脸识别自动爬取网络图片,针对关键字进行人脸识别爬取,仅供学习使用,如有侵权,告删。
  • C语言---编译器、编辑

    千次阅读 2019-10-17 14:00:11
    相信很多C语言方面的书籍开篇都是先讲C语言的历史什么的,但是我觉得应该学习C语言所使用安装的各种“软件”进行一个讲解和说明, 了解C语言的环境,这对于学习C语言也是很重要的. 1、GCC中的C语言编译器 ...
  • c# 图片编辑方法集合

    热门讨论 2009-05-08 17:11:24
    缩略图、裁减缩略、打水印、高质量保存、色彩调整、马赛克处理、锐化 、柔化、以逆时针为方向图像进行旋转、图片水印、文字水印、wmf格式处理
  • layui编辑器上传图片

    千次阅读 2018-09-23 00:00:21
    1.下载layui https://www.layui.com/(layui前端框架由贤心创作) 2.查看文档 https://www.layui.com/doc/modules/laypage.html(编辑器) 3.实例展示 var index; var layedits; layui.use(['form', 'layedit','...
  • 下载后直接解压后,把整个文件夹下面的东西全部放到一个目录下,我放在了ueditor文件夹下。4.之后会报错,因为没有相应的jar包。打开jsp文件夹,会有一个lib文件夹,把整个lib文件夹复制到WEB-INF下,然后builepath...
  • java处理百度编辑器ueditor上传的图片
  • 后台文章编辑下载远程图片为本地图片  在后台涉及到有文章编辑的功能中,为了方便编辑使用,我们需要增加一个可以直接从别的网站拷贝过来保存的功能。这里面主要的是图片的处理问题,因为图片是别网站上的链接,...
  • 2.先下载文件包,引入到项目中如图: 3.在jsp里面引入js /ueditor/ueditor.config.js"> /ueditor/ueditor.all.js"> /ueditor/lang/zh-cn/zh-cn.js">4.在页面写上编辑器 5.不上传图片就ok了如果要上传图
  • 1、需求 能够对图片进行圈画,并自动...现况:我发现企业微信和微信在上传图片时可以直接对图片进行标注编辑。企业微信在预览时可进行标注保存。 解决方案:于是想到的解决方案时先引导用户保存需要编辑图片,然...
  • layui富文本编辑器上传图片

    千次阅读 热门讨论 2019-11-23 17:51:14
    layui是贤心大神的开源前端框架,也是后端菜鸟非常友好的一个框架,平常开发的时候就比较喜欢使用这个,最近刚好写网站就到了layui的富文本编辑器,遇到一些有意思的事情,就和大家聊聊。 首先准备工作先到官网...
  • 解决Ueditor编辑图片保存路径问题

    千次阅读 2018-06-22 14:34:12
    开发WEB项目的时候,使用到了Ueditor上传图片的功能,插件会自动将上传的图片保存在tomcat运行目录下,这种保存的方式会导致项目重新发布时丢失,非常不利于后续对图片的操作(管理),这时我们就要修改Ueditor的源码...
  • ios图片编辑(看这个就够了!)

    万次阅读 2017-12-13 14:44:52
    今天给大家带来的是封装的一个ios图片编辑工具,支持图片裁剪、添加滤镜、色度调节、马赛克、方向旋转、文字和图片水印等功能。如果需要的话希望能帮到你 , 当然, 有任何不妥的地方 欢迎指正 demo地址--------...
  • 下载Tomcat并进行配置 更改UEditor配置文件(重点) 使用nginx反向代理Tomcat(用来显示图片,本人喜欢这样用)1.下载UEditor传送门:http://ueditor.baidu.com/website/download.html 我使用
  • 1、 首先,需要新建一个word文档,在里面编好你想要的样式,需要加入数据的地方用占位符表示,如name,需要加入图片的地方随便插一张图片就行了,富文本编辑器的地方也用占位符表示,如${content}(这里我存的nr)...
  • 最近在编写项目时,需要一个富文本来编辑博客文章或者评论,而百度的UEditor是比较不错的富文本编辑器,操作流程相对容易。于是选择百度的UEditor进行使用。但是也遇到一些问题。官文文档地址:...
  • 最近在弄一个新闻发布项目,需要使用到百度富文本编辑器,使用过程中发现很多坑,趟了很久才走出来,不多说了,直接上代码 步骤1,从百度富文本官网下载源码...
  • PHP 处理富文本编辑器中的图片

    千次阅读 2019-03-23 15:05:38
    $line=htmlspecialchars_decode(I("post.line")); $line2=str_replace('<img src="/Public/upload/','<img src="'.C("UPLOAD").'/Public/upload/',$line);
  • 乐都WIL编辑器3.2版 编辑传奇客户端图片用的 做传奇的朋友可以用到
  • bootstrap-fileinput的简单使用(图片上传和编辑)

    千次阅读 热门讨论 2020-05-31 23:39:28
    简介: ...和4.x版本,具有非常多的特性:多文件选择。这个插件能最简单的帮你完成文件上传功能,且使用bootstrap样式。...一、下载bootstrap-fileinput 下载bootstrap-fileinput 参数的配置可以参考:https://
  • ueditor中设置了自动抓取远程图片,服务器抓取和返回都正常,但是编辑器中却没有正确替换为本地图片路径。如下: 通过查看ueditor源码,ueditor使用的抓取远程图片的js文件为_src/plugins/catchre...
  • 需要自己去动手试一试才会知道,原来PDF文件中的图片修改是这么的麻烦,需要将PDF文件图片修改需要利用专业的PDF编辑器才能将他进行操作,否则的话想要进行编辑就是一个很难得事,那么有什么的PDF编辑器才能将...
  • 项目一直在用ueditor富文本编辑器,一直是对编辑器的图片、音频、视频的及地图进行配置,使编辑器正常使用,没有认真使用过编辑器就行文章编辑,今天编辑部突然说编辑器有问题,发现 图片选择左对齐或右对齐,保存...
  • android的EditText里文字和图片混合编辑与显示

    千次阅读 多人点赞 2018-02-23 19:33:57
    完整项目Github链接,欢迎大家下载:FLAGS android的EditText其实很强大,它是可以显示一部分Html格式的,而下面则介绍如何使用EditText进行文字和图片的混合编写与显示。 首先放一张效果图(我插入的图片侵删):...
  • 如何扫描文件进行编辑

    千次阅读 2015-06-29 14:59:00
    如何扫描文件进行编辑  小编想把纸质文件上的文字扫描下来,进行编辑,然后保存或者在电脑、网络中引用。可是,用扫描仪扫描下来的文档,识别率非常低,进行编辑时很费时费精力,还不如干脆重新录入。但...
  • editorImage是一个图片上传的组件,可以自定义修改,因此媒体资源可扩展性好。index是主文件,编写富文本的地方,也可以根据个人需要修改) 附 下载地址: 组件下载地址 4.在需要的地方调用即可,如demo....
  • 只需要30行代码就可以从百度自动下载图片 大家好,我是行哥,一个专门教小学生撸Python的编程老师(小学生都能学会的编程) 这里行哥想问大家三个问题 : 你还在为批量下载表情包发愁吗? 你还在为找不到好看的图片...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 183,495
精华内容 73,398
关键字:

怎样对下载的图片进行编辑