多个canvas合并成一个，并导出成图片

最新推荐文章于 2024-10-05 11:19:42 发布

原创最新推荐文章于 2024-10-05 11:19:42 发布

· 1.6k 阅读

2 ·

版权

文章标签：

#html5 #html #javascript

 const canvasList = document.querySelectorAll('.ol-layer canvas')
        const newCanvas = document.createElement('canvas')
        newCanvas.width = size[0]
        newCanvas.height = size[1]
        const context = newCanvas.getContext('2d')
        canvasList.forEach(item => {
          context.drawImage(item, 0, 0, size[0], size[1])
        })
        const exportPdfImg = { url: newCanvas.toDataURL('image/png'), imageWidthHeightRatio: size[1] / size[0] }