spreadjs区域快照转换为图片

spreadjs区域快照功能目前有很多客户在使用，有时候，我们想要把快照直接保存为图片导出，spreadjs目前也没有直接保存图片方法可以将区域快照转换为图片,但是通过获取到对应的canvas可以这样来转换并导出图片

区域快照对象通过cameraShapeBuffer获取到对应的canvas，再通过toDataURL即可转换为对应格式图片的base64数据，比如下面的代码，转换为了png，然后下载即可

获取到base64数据

1. var pngdata=sheet.cameraShapes[0].cameraShapeBuffer.toDataURL('image/png')

复制代码

通过下面的代码可以将上述的base64数据转换为图片

1. function base64ToBlob(code) {
   
2.             var parts = code.split(";base64,");
   
3.             var contentType = parts[0].split(":")[1];
   
4.             var raw = window.atob(parts[1]);
   
5.             var rawLength = raw.length;
   
6.             var uint8Array = new Uint8Array(rawLength);
   
7.             for (var i = 0; i < rawLength; i++) {
   
8.                 uint8Array[i] = raw.charCodeAt(i);
   
9.             }
   
10.             return new Blob([uint8Array], {type: contentType});
    
11.         }

复制代码

下载图片，传入上面返回的imgUrl

1. var aLink = document.createElement("a"); // 创建一个a标签
   
2.                 var blob = base64ToBlob(imgUrl);
   
3.                 var event = document.createEvent("HTMLEvents");
   
4.                 event.initEvent("click", true, true);
   
5.                 aLink.download = date.getTime() + "." + blob.type.split("/")[1]; // 使用时间戳给文件命名
   
6.                 aLink.href = URL.createObjectURL(blob);
   
7.                 aLink.click();

复制代码

您好！V15版本  我试了一下 cameraShapeBuffer不知道为什么为undefined？？麻烦解惑！ 官网中文API里面也查不到cameraShapes和cameraShapeBuffer

你先看一下sheet.cameraShapes[0]获取到的cameraShape对象是否存在，如果本身没有快照，自然无法获取cameraShapeBuffer

我添加了一个快照 ， cameraShapeBuffer还是无法获取

建议您可以新发一个帖子，附上能重现问题的demo。我帮你看看原因