使用javascript

时间:2019-06-26 04:41:26

标签: javascript excel csv d3.js svg

我正在尝试使用JavaScript将base64 / Image / PNG / SVG导出到Excel / CSV。我没有在Excel / CSV文件中获取图像。我正在获取字符串而不是图像。

我尝试了将SVG图像转换为png / base64的各种格式,并尝试将其导出到Excel / CSV,但是没有一种适用于我。

$('#exportCSV').click(function () {
      let svg = new XMLSerializer().serializeToString(document.getElementById("Employement_Source"));

      let canvas = document.createElement("canvas");
      let ctx = canvas.getContext("2d");

      let img = document.createElement("img");
      img.setAttribute("src", `data:image/svg+xml;base64,${btoa(svg)}`);

      img.onload = function () {
        ctx.drawImage(img, 0, 0);
        canvas.toDataURL("image/png");
        // console.log( canvas.toDataURL( "image/png" ) );
        // csvData = new Blob([img], {
        csvData = new Blob([canvas.toDataURL("image/png")], {
          type: "data:application/vnd.ms-excel;charset=utf-8,\uFEFF"
        });
        let csvUrl = URL.createObjectURL(csvData);
        let a = document.createElement("a");
        a.href = csvUrl;
        a.setAttribute("download", 'document' + ".csv");
        document.body.appendChild(a);
        a.click();
      };
    });

在导出的Excel / CSV文件中期待图像。

0 个答案:

没有答案