Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html2canvas mobile view在转换为图像供下载时设置特定大小_Javascript_Html_Jquery_Css_Html2canvas - Fatal编程技术网

Javascript html2canvas mobile view在转换为图像供下载时设置特定大小

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.js,将画布转换为图像,并强制浏览器下载:

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服务器端