我正在使用PDF.JS将pdf页面渲染到不同的画布元素中.我的要求是捕获画布的输出并将其显示为图像.是否有一些事件要知道画布中的pdf页面的渲染是否已经完成.因为当我尝试捕获画布的输出时,它是空白的.但pdf页面正确呈现.看起来我的捕获事件是在pdf.js完成渲染过程之前调用的.
这是我的代码:
page.render(renderContext);
var myImage = new Image();
myImage.src = document.getElementById('my-canvas-id').toDataURL();
$('body').append(myImage);
Run Code Online (Sandbox Code Playgroud)
如果我在FireFox的控制台中执行相同的代码,这可以正常工作.所以这段代码没什么问题.
只是为了让你们知道我已经尝试过document.ready和window.load事件.
我知道 gmail 和 hotmail 已经推出了自己的图像代理。我已经发送了带有 src 的简单 img 标签的电子邮件
src="http://www.zong360office.com/assets/images/logo/product-logo.png"
Run Code Online (Sandbox Code Playgroud)
Gmail 像这样转换它
src="https://ci3.googleusercontent.com/proxy/PCxvUIqBvaJWn_7H8deiQhdJD1QKV_pU5n1JhrPh3xaXMLMzcdSBYCo6-tjs69AYy858H4j5ShIRjw0UrH_VWMtCxC0zIT-Gi4j_dlQv9uRZjzGWFWA=s0-d-e1-ft#http://www.zong360office.com/assets/images/logo/product-logo.png"
Run Code Online (Sandbox Code Playgroud)
原始 URL 是图像的直接 URL。在附图中,您可以看到该图像的请求和响应标头。
问题:请告诉我应该采取哪些步骤才能使该图像在 gmail 中可见。
PS:我的hotmail也遇到同样的问题。