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