Question

我目前正在构建一个需要绘制图形点的系统，然后将图形导出为要在电子邮件中提供的图像。此过程是对用Java编写的现有过程的补充。

如果有一个最好的Java解决方案，但我已经看到了一些用JavaScript编写的图形库，比如d3.js，我也许可以使用它。据我所知，d3.js没有将图形导出为PNG或JPEG的功能。

Answer 1

在浏览器中，您可以使用呈现为＆lt; canvas＆gt;的图表库。例如chart.js

然后，一旦在画布上渲染了图表，就可以获得PNG或JPG图像数据：

var canvas = document.getElementById('myCanvas');
var dataURL = canvas.toDataURL("image/png");

这将为您提供可以与html图像一起使用的图像的base64编码uri：

var imgElement = document.getElementById('myImg');
imgElement.src = dataURL;

您也可以直接从画布中获取图像数据：

var imgData = canvas.getContext('2d').getImageData(0, 0, canvas.width, canvas.height);