javascript - Html2canvas 拍摄高品质屏幕截图 "SCALE"

Question

我通过更改比例来更改屏幕截图质量，为了获得高质量，我使用高比例， 它适用于图像大小小于 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');