实现动态替换psd智能图层的实时渲染

小伙伴有没有想过通过api或者浏览器插件实现动态替换psd的图层，从而实现图层的实时替换
今天就给大家推荐一个网站 foxpsd 在线psd智能图层替换

我们先引入js文件

然后我们查看文档其中包含的内容

let foxpsdObj = new foxpsd("xiaoguotu", {
      psdSkus: ['1637653018199421773', '1637653008897318635'],          
      goodsSku: '163765136915264690',
      token: 'XXXXXXXXX',
})

根据文档我们看到 foxpsd 第一个参数是一个dom id ,第二个参数是一个对象，对应的值注册该网站后就可以获取

只列出了一个方法

image.png

foxpsdObj.command({ 
   // canvas: eleCanvas,
   image:url,
   layers: 'zhengmian,sucai,sucai2,qianpian,右袖'
})

传入的参数看来支持两种canvas或者是图片链接

配置成功后可以生成这样一张图

image.png

有兴趣的或者有业务需求的可以试一下
foxpsd 在线psd智能图层替换

最后放入演示地址

https://foxpsd.com/goods/sdk
https://img.foxpsd.com/foxpsd_demo.html