Я пытаюсь понять, как сделать снимок экрана всей веб-страницы. Я работаю над приборной панелью, используя более 20 диаграмм dc.js, перекрестно фильтрую их все и использую JSP. Клиент хочет иметь кнопку, по которой пользователь нажимает, и он снимает с экрана всю веб-страницу. Я запускаю его через java, потому что мы должны использовать IE11 в качестве стандарта, а все другие библиотеки js, такие как HTML2canvas.js, не работали (он не отображает диаграммы dc.js), хотя он вроде работает в Chrome, но мы должны использовать IE11 (любые предложения помогут).
Пока что, когда я нажимаю кнопку, запускается основной метод в JAVA, чтобы сделать снимок экрана. Пока я использую java.awt.Robot, но я исследовал, и он говорит, что это только база снимков экрана на экране основного монитора. Я пытаюсь сделать снимок экрана своей веб-страницы. Есть способ сделать это? если да, то как? Вот мой код Java ниже. Это база скриншотов на мониторе ...
package com.customer_inquiry;
import java.net.URL;
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import javax.imageio.*;
public class screenshotAction {
public static void main(String[] args) throws Exception {
String outFileName = args[0];
if (!outFileName.toLowerCase().endsWith(".png")) {
System.err.println("Error: output file name must " + "end with \".png\".");
System.exit(1);
}
// determine current screen size
Toolkit toolkit = Toolkit.getDefaultToolkit();
Dimension screenSize = toolkit.getScreenSize();
Rectangle screenRect = new Rectangle(screenSize);
// create screen shot
Robot robot = new Robot();
BufferedImage image = robot.createScreenCapture(screenRect);
// save captured image to PNG file
ImageIO.write(image, "png", new File(outFileName));
// give feedback
System.out.println("Saved screen shot (" + image.getWidth() + " x " + image.getHeight() + " pixels) to file \""
+ outFileName + "\".");
// use System.exit if the program hangs after writing the file;
// that's an old bug which got fixed only recently
// System.exit(0);
}
}



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам может подойти html2canvas: https://html2canvas.hertzen.com/
Кроме того, если вы хотите сделать это самостоятельно, на ум приходит следующее:
ie11 не будет хорошо играть :) Интересно, а просто экспортировать диаграмму?
Я просто хочу распечатать всю веб-страницу (панель инструментов) и сохранить файл в формате jpeg или png. Пользователь может поделиться изображением того, что у него есть фильтр на диаграммах. Извините, клиент этого хочет. Да, IE11 надрывает мне задницу. Я пробовал исследовать похожие библиотеки, такие как html2canvas, но, похоже, это лучшее. Я пытаюсь сделать это на заднем плане, но я новичок в графическом интерфейсе пользователя, связанном с Java. Какие-либо предложения?
Если ваша панель инструментов состоит из нескольких SVG, может быть, вы можете попробовать сделать снимки? Я слышал о jspdf. Если и это не сработает, в крайнем случае у меня есть небольшая библиотека, который экспортирует svg как png.
Я попробую реализовать jspdf. Хотя я не использую Node.js, и мне нужно применить какие-либо библиотеки на наших серверах. Будет ли это работать, просто используя библиотеку jspdf.min.js? Или ему нужны все эти библиотеки.
Насколько я знаю, jspdf работает из коробки на стороне клиента. В случае не вечнозеленого браузера может потребоваться обход сервера.
Хорошо .. Я пробовал использовать jspdf.js, но он не работает .. Он не получает элементы svg при использовании from_html.js. Диаграммы DC.js содержат кучу элементов svgs, и у меня есть около 20 с лишним диаграмм на панели инструментов. Я нашел этот github.com/MrRio/jsPDF/issues/1579, но я могу использовать pdf вместо jpeg или png. Дольше всего получаю скриншот всей страницы. Какие-либо предложения?
Тогда вам лучше всего будет реализовать рабочий процесс в моем ответе. IE11 может быть трудным ...
Я пытался использовать html2canvas, но каким-то образом в IE11 он не отображал диаграммы dc.js после разработки холста. Моя панель инструментов развивается так: все диаграммы создаются с использованием библиотеки js, и для этого требуются dc.js, dc.css и наше внешнее приложение css. Должен ли я устанавливать каждую диаграмму на холсте?