求助，求大神解决图片放大保持清晰度的问题

2018-05-25 05:03:09 1.1k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

qq_39816004 墨衍会员 · AI 创作全网分发关注 + 加入社区

Vue图片放大镜插件 vue-photo-zoom-pro Vue(2.x) 图片放大器(Photoloupe) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Wdg2GA8A-1594395415139)(https://raw.githubusercontent.com/Mater1996/vue-photo-zoom-pro/master/example.png)] DEMO demo Usage example npm install vue-photo-zoom-pro mai 阅读详情

需求是选择左侧的图案和颜色以及输入文字，右边显示合成的图案。点击下面的按钮让用户输入邮箱地址，把右侧生成的图案通过附件发送给用户。要求附件大小是2000*2000以上超大图。

目前我用canvas实现的，点击左侧选项的时候用canvas在右侧绘图，提交的时候用canvas生成图片发送给后台，用php发送邮件给用户。问题在于生成图片再放大到要求的尺寸后，图片变得非常模糊。

左侧的图案是150*150组合的精灵图，请教大佬们，有没有方法实现，把生成的图片放大到指定的尺寸，而保持图片不失真。

...全文

这个Python库有点逆天了，居然能把图片、视频无损清晰放大~ 前言：哈喽，哈喽~有没有这种烦脑，好不容易找到了一张很好看的照片，但是很照片的清晰度都不是很高，还要做成海报，怎么办呢？真是愁死我了，于是小编在逛GitHub的时候发现了一个非常牛逼的库，竟然有逆天的功能，一个用Python做的库，利用机器学习算法把图片无损的放大很多倍。正文：这个库叫video2x，目前收获1500颗星，是一款可以无损的放大图片，视频和 GIF功能的工具，它是基于waifu2x，Anime4K，SRMD 和RealSR开发而成的。那么到底有多牛逼呢，小编看了之后直流口. 阅读详情

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

评论 7

切换为时间正序

LiZhaoTing12 2018-05-28

打赏
举报

回复

最简单有效的办法是把图片转成svg，有很多工具可以转的

Hello World, 2018-05-26

打赏
举报

回复

前端用小图，操作起来速度快，记录各个图的大小及位置，后端用大图生成。你可以看看在线印刷订制的网站思路

qq_39816004 2018-05-25

打赏
举报

回复

引用 2 楼 functionsub 的回复:

想了下，好像不用那么麻烦，你直接把你原图画到2000*2000的canvas上，然后把每个有颜色的像素点的颜色都重新画一下。因为就算模糊的话，对应点也是有颜色的，只是有的深有的浅，你要做的就是把每个点都设置成选的颜色。

我试过了，把生成的图片比如200*150，画到2000*1500的canvas上，得到的图片效果跟直接放大这张200*150的图片一样，非常模糊。

qq_39816004 2018-05-25

打赏
举报

回复

引用 1 楼 functionsub 的回复:

直接原图片放大肯定不行了。如果图片上的颜色单一，或许还有办法解决。就是通过重新画一个2000*2000的图片，原始150*150的把每个点的颜色分别画上去，当然涉及到一些倍数的计算。比如原来[0,0]上的颜色，映射到2000*2000上面就要多画一些像素点了。

引用 1 楼 functionsub 的回复:

直接原图片放大肯定不行了。如果图片上的颜色单一，或许还有办法解决。就是通过重新画一个2000*2000的图片，原始150*150的把每个点的颜色分别画上去，当然涉及到一些倍数的计算。比如原来[0,0]上的颜色，映射到2000*2000上面就要多画一些像素点了。

我试过了，把生成的图片比如200*150，画到2000*1500的canvas上，得到的图片效果跟直接放大这张200*150的图片一样，非常模糊。

functionsub 2018-05-25

打赏
举报

回复

想了下，好像不用那么麻烦，你直接把你原图画到2000*2000的canvas上，然后把每个有颜色的像素点的颜色都重新画一下。因为就算模糊的话，对应点也是有颜色的，只是有的深有的浅，你要做的就是把每个点都设置成选的颜色。

functionsub 2018-05-25

打赏
举报

回复

直接原图片放大肯定不行了。如果图片上的颜色单一，或许还有办法解决。就是通过重新画一个2000*2000的图片，原始150*150的把每个点的颜色分别画上去，当然涉及到一些倍数的计算。比如原来[0,0]上的颜色，映射到2000*2000上面就要多画一些像素点了。