Html2canvas 以高“SCALE”拍摄高质量的屏幕截图答案

【问题标题】：Html2canvas take high quality screen shot with high "SCALE"Html2canvas 以高“SCALE”拍摄高质量的屏幕截图
【发布时间】：2018-11-14 15:09:05
【问题描述】：

我通过更改scale 来更改屏幕截图质量，为了获得高质量我使用高比例，它适用于图像尺寸小于15MB 的质量，而对于更高的质量，它不起作用，实际上当屏幕截图拍摄超过 15 MB 的图像时，我无法通过该图像数据做任何事情。

jQuery(document).ready(function($) {
  $('body').click(function(event) {
    html2canvas(document.getElementById("content"), {
      scale: 5.5,
    }).then(function(canvas) {
      // Export the canvas to its data URI representation
      var base64image = canvas.toDataURL("image/png");
      // console.log(base64image);
      $('.entry-content').after(`
        <img src="` + base64image + `" alt="">
      `);
    });
  });
});

【问题讨论】：

试试这个解决方案stackoverflow.com/questions/35480112/…
@MatusJurika 感谢您的指导，但我不想更改任何内容，我只想创建一个 15MB 以上的屏幕截图并下载。
请检查console.log(base64image); 是否有超过 15MB 的图像以及小于 15MB 的图像，然后告诉我
很长，无法处理

标签： javascript php jquery wordpress html2canvas

【解决方案1】：

我终于找到了解决办法它与php.ini 设置有关我将PHP.ini 配置更改为如下所示，并且知道我可以通过增加scale 值来截取90 MB 的屏幕截图。

post_max_size=1024M

upload_max_filesize=2048M

如果不起作用，请将这些代码添加到functions.php 文件中

@ini_set('upload_max_size','256M');
@ini_set('post_max_size','256M');
@ini_set('max_execution_time','30000');
@ini_set('memory_limit', '-1');

【讨论】：