扫码关注官方订阅号
现在有个业务逻辑,需要在切换衣服的时候,不是单纯的切换图片,而是在原有图片的基础上,把模特身上穿的图片给填充其他颜色或者说其他图案
随便在淘宝找了个demo,如下图所示:
比如这是原始图片:
当我点击之后,我要把这张图片中的衬衣部分填充其他颜色或者其他图案,其他部分不变,而不是单纯的切换图片
走同样的路,发现不同的人生
这应该是js的问题,后端全输出图片,js切换下
代码是无法完成这种效果的。除非用ps
方法一:1.把图片传到后台,识别出图片的“衣服”的区域2.调用画图程序,把相应的区域的颜色改成自己想要的颜色3.把新的图片返回给前端。
方法二:1.先确定好要替换的区域2.把js画一张相同的衣服,不同的颜色3.js画出的衣服直接覆盖到原来衣服的上面。
方法三:1.直接读取图片的base64编码2.修改编码中对应的颜色值3.把新的base64编码放回原img标签中。
这种说起来简单的给图片换个填充色的方案真是不如静态切换图片来的实际,就算真的能实现,性能估计真的比静态切图低很多
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
这应该是js的问题,后端全输出图片,js切换下
代码是无法完成这种效果的。除非用ps
方法一:
1.把图片传到后台,识别出图片的“衣服”的区域
2.调用画图程序,把相应的区域的颜色改成自己想要的颜色
3.把新的图片返回给前端。
方法二:
1.先确定好要替换的区域
2.把js画一张相同的衣服,不同的颜色
3.js画出的衣服直接覆盖到原来衣服的上面。
方法三:
1.直接读取图片的base64编码
2.修改编码中对应的颜色值
3.把新的base64编码放回原img标签中。
这种说起来简单的给图片换个填充色的方案真是不如静态切换图片来的实际,就算真的能实现,性能估计真的比静态切图低很多