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

Question

我会通过更改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="">
      `);
    });
  });
});

Answer 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');