首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开源分享 | 在线图片编辑器,支持PSD解析、AI抠图等,基于Puppeteer生成图片

原文链接:https://juejin.cn/post/7261774602481188923 自从我上次分享独立仿造稿定设计开发的图片编辑器到现在,不知不觉已过去一年时间了,期间我经历了裁员失业、面试找工作碰壁的窘境...最近挤出时间来完善了这个编辑器项目,正式开源后在第一天就收获了上百个Star,这篇文章想向大家分享下这个开源图片编辑器项目——迅排设计,以及我的一些感悟和开源体验。...由于服务器在国内,生成下载图片可能会图裂,这不是BUG。 AI 抠图 上传需要去除背景的图片,自动抠除背景。...文字 画布中双击内容,编辑文字,修改颜色,原生吸色器(Chrome): 图片 图片 除了拖拽缩放图片大小,也可对图像内容进行缩放裁剪,裁剪通常用于截取显示原图像的一部分: 图片 支持拖动图片放置到一个容器中显示...事实上,今年有人基于我的项目二次开发,上线了公司内部的编辑器: <img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/181a387f30cf4717a9ad857cdf637a32

46030
您找到你想要的搜索结果了吗?
是的
没有找到

卧槽,这个前端图片编辑器有点牛!

大家好,我是「前端实验室」爱分享的了不起~ 最新被别的小伙伴安利了一款强大的前端图片编辑器tui.image-editor,强不强大咱们看看再说 tui.image-editor tui.image-editor...库是一个开源的 JavaScript 库,它提供了一系列图片编辑的功能。...通过该库,用户可以使用简单的 API 来实现对图片的剪裁、旋转、缩放、调整亮度和对比度等操作。 支持渐变、图形和文字等高级特性,可用于制作复杂的图像编辑应用程序。..."options" prop cssMaxWidth: 700, cssMaxHeight: 500, }, }; }, }; 接下来就可以对图片进行一些编辑功能了...图像加载,撤消,重做,重置,删除对象(形状,线条,蒙版图像... ) 过滤:灰度,反转,棕褐色,模糊锐化,压花,去除白色,亮度,噪声,像素,ColorFilter,色调,乘法,混合 这里还可以体验一下它线上编辑器

62010

AI图片降噪:Topaz Photo AI 1.2.10

Topaz Photo AI是一款基于人工智能技术的图像处理软件,可以对照片进行智能优化和编辑。该软件提供了多种智能滤镜和工具,可以帮助用户轻松地优化和改进照片的质量和外观。...Topaz Photo AI适用于摄影师、设计师、艺术家和普通用户等。 Mac版下载:https://www.macw.com/mac/4423.html?...id=MzE5MDg%3D 图片 Topaz Photo AI的主要特点包括: 智能优化:可以智能优化照片的亮度、色彩、对比度、清晰度等,提高照片的质量和外观。...总之,Topaz Photo AI是一款功能强大、易于使用的基于人工智能技术的图像处理软件,可以帮助用户轻松地优化和改进照片的质量和外观。...最低需要支持AVX指令的 Intel i3 或 AMD Ryzen 3 及更高版(3.0GHz+) 显卡:最低需要支持 OpenGL 3.3 或更高版的 Nvidia GTX 740 或 AMD 5870 图片

1K60

图片简历】Vue.js在线简历编辑器;生成图片简历(二)

-- --> 上一篇:【图片简历】Vue.js在线简历编辑器&生成图片简历(一) 在上一期的文章中,我们已经把需求分析的差不多了。...那么我觉得这里面有二个难点, 一是html简历页面,生成为图片并下载; 二是数据库结构的设计,在这个例子中,我选用的是MongoDB; html生成图片下载的原理其实很简单,就是使用html2canvas.js, 这东西麻烦的地方在于生成图片的清晰度,还有就是有些页面上的内容生成不出来。...vuejs做一个简陋但好使的播放器(二) 【完工】vueJs播放器的第一版完工(三) - 全栈备忘录 【crud】全栈-在线备忘录-node-express-MongoDB - 在线简历编辑器...【图片简历】Vue.js在线简历编辑器&生成图片简历(一) - 学生简历系统 - pos结账 - 电商购物车 - reactJs留言板 - ...等 之前还有好多课程方面的积累,就现有的这些东西在每周二

4.2K50

AI图片画质增强工具分享

如今,越来越少的人会通过专业的照片编辑软件去ps图片。时下正流行运用AI技术实现几秒钟内对照片的优化和增强。这些工具很容易上手,估计不久也会被越来越多人使用。...AI Photo Enhancer Online:Pixlr这个 AI 在线工具有两个版本。第一个版本是为经验丰富的专业设计师或编辑开发的。另一方面,第二个版本适合所有类型的用户,尤其是新手。...与其他 AI 工具相比,该在线工具在新用户中更受欢迎。除此之外,用户还可以借助 URL 上传图片。说到价格,用户可以在线免费使用这款在线照片编辑器,并使用基本功能。...否则,用户可以在试用版下免费使用此 AI工具。图片优点:具有流畅的 UI 设计。人工智能强大。缺点:需要更多时间来处理图片。对于一次性用户来说,这是昂贵的。它有时会出错。3....DVDFab Photo Enhancer AI该软件可用于在不损失质量的情况下升级像素化照片。

3.3K180

fabric.js开发图片编辑器的细节实现

之前写过一篇笔记,《使用fabric.js 快速开发一个图片编辑器》,简单介绍了如何用vue和fabric.js快速开发一款编辑器。...当时的版本比较粗糙,只能说是一个基础版的Demo,很多细节不够完善,参考了稿定设计和创客贴的设计编辑器,优化了很多必要的细节,也算是fabric.js的进阶用法,整理成笔记分享出来。...参考稿定设计和创客贴的编辑器,都有一个细节,就是当元素拖出画布区域后,看不到元素但可以展示控制条,由于画布是通过矩形模拟出来的,通过clipPath可以便捷的实现。...结尾 开源过程中遇到很多志同道合的开发者,为项目提供思路、代码、PR ,让项目从0涨到了600star,感谢大家的帮助,希望能够继续迭代,打磨成像稿定设计和创客贴一样好用的开源图形编辑器。...晗萧℡ 会自己写编辑器的设计师,多次为项目提供代码示例。 RHS 为项目提供缩放思路、标尺代码。 放牛哥 为项目提供代码和实现思路。 冯志辉 一直在关注我们,为我们加油打气。 ...

3.2K40

关于百度ueditor编辑器上传图片的问题

因为博客发布文章需要个富文本编辑器,所见即所得,排版什么的还是很重要的。...jsp/" />                但是使用的时候还是发现问题,上传成功后,重启Tomcat会删掉图片...,因为我们是上传到了Tomcat下的webapp目录下的项目中,而我们MyEclipse中的项目和Tomcat下的项目实际是两个,重启Tomcat时会重新部署项目,也就是把原来的xm覆盖掉了,图片也就被删了...为了解决这个问题我们应该把上传的图片放到专门的位置,一般项目静态资源回放独立的服务器,这里我就直接是放跟项目同级的Tomcat根目录下。...当然也可以放硬盘其他地方,比如D:/img/upload 图片上传代码: /**      * @Description:文件上传      * @param file      * @return

71630

轻松复现一张AI图片

轻松复现一张AI图片 现在有一个非常漂亮的AI图片,你是不是想知道他是怎么生成的? 今天我会交给大家三种方法,学会了,什么图都可以手到擒来了。...CLIP interrogator是一种AI模型,它具备推测图像内容标题的能力。这个工具不仅适用于AI生成的图像,也能够应对各种类型的图像。通过这种方式,我们能够对图像内容进行更深入的理解和分析。...在我们的用例中,CLIP模型能够通过对给定图片的分析,推断出一个恰当的图片描述。 这个描述可以作为提示词,帮助我们进一步理解和描述图片的内容。...一个是DeepBooru, 这个比较适合识别二次元图片。...因为图片跟我们的底模,种子还有采样多种因素有关。所以你想1比1复制,这个比较难。

8720

如何用AI生成可靠的图片

功能 Stable Diffusion Midjourney 图片自定义程度 高 低 上手难度 难 中等 生成高质量图片的难度 低 中等 模型变种数目 1000个,什么风格都有 10个,插画,真实,艺术风格...一般为2GB-7GB左右 LoRa模型 微调模型:用来定制人物 ControlNet 让SD有了眼睛,能够基于现有图片得到诸如线条或景深的信息,再反推用于处理图片。...同一个随机种子生成的图应该是完全相同的,可以通过锁定随机种子来观察各种参数对画面的影响,也可以用来复现自己和他人的画面结果 点击筛子按钮可以将随机种子设为-1,也就是随机 点击回收按钮可以将随机种子设为右边图片栏里正在看的那张图片的随机种子...需要注意的是,即使包括随机种子在内的所有参数相同,也不能保证你生成的而图片和他人完全一致,随着显卡驱动,显卡型号,webui版本等其他因素的变动,同参数输出的图片结果都会可能会发生变动,这种变动可能是细微的细节区别...,可能是彻底的构图变化 Draw Things简单使用 图生图 图生图可以通过图片生成近似图片: 这里通过控制重回幅度来控制两幅的近似度 提示词工程 “推荐文章:https://juejin.cn

46850
领券