因为图片是异步的所以在绘制图片的时候直接设置zIndex是没办法达到想要的层级的所以:
我用了Promise, 图片加载成功后我就吧画布对象c
, 加载成功的图片img
, 以及图片的zIndex
以key: val
的形式push到数组中layerArr
, 同时把这个promise对象push到数组中promiseArr
等所有图片绘制完成再调整层级code:
但是数据里面有这么些情况: 当前页数据最小的zIndex
可能为-1
, 也有可能为1
fabric
好像是从0
开始排序所以我就判断了一下, -1
我就加1, 1
我就减1,然后renderAll()
code:
绘制完的效果图
其实有行文字被盖住了
求解?
谢谢
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…