前端多张Highcharts图表生成一张图片下载（可自行排版）

//生成全部图表图片
var downPdf = document.getElementById("renderPdf");
downPdf.onclick = function() {
    const chartList = chartOptions 
    // chartList 为chart 列表
    const canvas = document.createElement('canvas')
    const context = canvas.getContext('2d')
    const that = this
    //定义图片宽高 可自行设计
    canvas.width = 1040
    canvas.height = (chartList.length - 5) * 400 + 140

    chartList.forEach((item, index) => {
        const img = new Image()

        img.src = `data:image/svg+xml;base64,${btoa(unescape(encodeURIComponent(item.getSVG({ chart: { width: 500, height: 400 } }))))}`
        //src图片宽高可根据排版设置
        img.onload = function () {
            // svg图加载完毕后绘制到canvas上
            // 可根据x，y值自行设计排版
            
            context.drawImage(img, x, y, this.width, this.height)
          
            }

            if (index === chartList.length - 1) {