图片涉及工作隐私就不公开啦

我们要引入一个gif.js的引入包但是他没有直接引入的方式只能从官方下载文件包下载地址git地址

在gif.worker.js文件最后声明一个函数将该文件除了注释部分的代码之外的所有代码复制变成文本然后给一个变量

export

window.URL.createObjectURL(blob)}

引入完成之后

需要获取到所有的地图图片canvas元素然后通过canvas转换成图片

toGif(item,

index)this.mapOptionsList[item].forEach((items,

index)

div.querySelector(canvas)this.imgs.push(temimg)

this.imgs这个数组是所有需要生成gif的图片的集合})//

生成GIFtry

对所有的图片进行处理利用canvas绘制图片this.imgs.forEach((img,

index)

document.createElement(canvas)cv.width

widthcv.height

要是canvas或者svg或者img的dom元素ctx.fillStyle

#000

_this.mapOptionsList[item][index].title.namectx.fillText(temname,

200,

_this.mapOptionsList[item][index].title.timeif

(index

document.createElement(a)a.href

URL.createObjectURL(blob)a.download

_this.mapOptionsList[item][index].title.texta.click()gif.abort()})}

catch