Javascript html2canvas mobile view在转换为图像供下载时设置特定大小
整整一天半之后,我终于找到了一种方法,可以将动态生成的“纸张”(如发票)转换为可在所有浏览器中使用的下载文件。(铬是***的巨大痛苦) 目前我正在使用html2canvas.js,将画布转换为图像,并强制浏览器下载:Javascript html2canvas mobile view在转换为图像供下载时设置特定大小,javascript,html,jquery,css,html2canvas,Javascript,Html,Jquery,Css,Html2canvas,整整一天半之后,我终于找到了一种方法,可以将动态生成的“纸张”(如发票)转换为可在所有浏览器中使用的下载文件。(铬是***的巨大痛苦) 目前我正在使用html2canvas.js,将画布转换为图像,并强制浏览器下载: html2canvas($('#printableArea')[0], { scale:0.8 }).then(function(canvas) { var a = document.createElement('a'); a.href = canvas.toDataURL
html2canvas($('#printableArea')[0], {
scale:0.8
}).then(function(canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL("image/png");
a.download = 'nalog.png';
a.click();
});
而恢复人类信仰只剩下一小步了。在正常的屏幕尺寸上,div设置为最大宽度900px,这样就可以了。但是,当使用移动视图div时,画布是由粗糙的很长的部分组成的,我不在乎它是否有应有的响应能力。但由它制成的图像也是如此。
普通图像和手机:
我知道画布是用我当前的屏幕大小制作的。
但是,有没有可能在我的代码中动态设置canvas或div的大小,以便即使在mobileview上也能生成正常的大小
编辑:
由于这些问题得到了一些看法,我敦促您放弃这种方法,在屏幕大小无关紧要的情况下生成PDF服务器端