本帖最后由 phoben 于 2021-3-6 21:44 编辑
这里不得不说,活字格我有个很大的吐槽点,就是图片插件不支持裁剪和调整
另外图片只能塞满,不能圆形,圆角矩形,更不能内边距。这导致用起来特别难看
为了处理这个问题,我不得不研究半天,写了一个简单的图片处理接口
这样一来,就简洁的解决的图片排版难看的问题。
先看看正常的图片塞进表格多难看
上面几个挺好,中间两个因为是原始的方形,就特别违和,如果全部是这样,就更难看
接下来演示下系统是怎么处理照片的。
处理之后,图片变成圆形,而且四周留空,保证了无论放在哪儿都不会跟其他元素“挤”着.
保留透明度就用到了png格式,就可以实现接下来的排版效果了。
我说一下实现思路:
1、前端上传图片,并将用户名发给后端;
2、后端收到请求,在数据库拿到图片的文件名;
3、后端读取图片,并处理成新的图片保存,将新文件更新到数据库;
3、前端刷新即可看到效果。 ————————————————————————————————————
兼职活字格开发,欢迎各位大佬联系! VX:13972707111
|