利用浮动元素功能插入图片 导出pdf 全黑

在vue中 编写代码 设置浮动元素的图片内容（背景色为透明色），

代码如下：
                        let picture = workbookActiveSheet.pictures.add(tagKey + "_signature", this.curLoginUser.userSignature,
                        cellTagLabelInfo.x, cellTagLabelInfo.y, cellTagLabelInfo.width, cellTagLabelInfo.height);



通过gc-spread-sheets fromJson图片正常显示
导出到PDF，查看最后效果时 图片丢失，空白，请帮忙解决！

请提供下json，方便重现问题。

dexteryao 发表于 2020-7-27 17:46
请提供下json，方便重现问题。

附件为转换pdf图片丢失的json

这是SpreadJS 的展示效果，具体是哪个图片导出后丢失了呢？

问题已复现，需要进一步调研，有结果跟您联系（5136）

您好 ，问题是这样：签名的图像是hotlinking image."https://www.wmtst.com/download/0/user/signature/27026952870796083220200606192249.png"
在画布中渲染图像时，浏览器安全策略将其限制渲染并引发异常。


所以在添加到SpreadJS之前，请将图片更改为base64。

1. var imageUrl = 'https://www.wmtst.com/download/0/user/signature/27026952870796083220200606192249.png';            
   
2.              var xhr = new XMLHttpRequest();
   
3.             xhr.onload = function () {
   
4.                 var reader = new FileReader();
   
5.                 reader.onloadend = function () {
   
6.                     console.log(reader.result);
   
7.                 }
   
8.                 reader.readAsDataURL(xhr.response);
   
9.             };
   
10.             xhr.open('GET', imageUrl);
    
11.             xhr.responseType = 'blob';
    
12.             xhr.send();

复制代码

Fiooona 发表于 2020-7-28 14:14
您好 ，问题是这样：签名的图像是hotlinking image."https://www.wmtst.com/download/0/user/signature/270 ...

嗯 好的