接着上篇文章中为了展示AI模型对图片处理的前后效果,我借助 PPT 做了几个对比图来演示
对比图中:一个标题 + N张图 + 对每张图做圆角以及边框处理
这类操作对我来说,后面要处理的频率比较高,因此有了想把操作自动化的 idea
说干就干,最快方式莫过于用代码构建一个网页,生成类似布局的海报生成器:用户只需提供所需图片以及文字(还需不要对上传图片数量进行限制),就可以生成对应的效果,并且提供海报一键下载入口,将目标渲染的页面效果转坏为图片方式保存在本地
经过几个小时的开发,页面效果如下:
整个海报生成器已作为附属功能集成到到旧闻提到的demo中
海报生成器主要依托于一个 js 三方包 html2canvas
,将网页中选定的区域页面 基于 DOM 进行“截图”,最终转化为 canvas 图像,然后依附于js IO 相关三方库,将对应图片保存到本地;其它图片上传以及页面布局展示是基于功能本身开发的,为一些 css 样式布局
关于 ht