创建图形并导出为图像的库

Library that creates graphs and exports as image

本文关键字：图像 图形 创建      更新时间：2023-09-26

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

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

在浏览器中，您可以使用一个图表库来渲染<画布>例如chart.js

http://www.chartjs.org

然后，一旦你在画布上绘制了图表，你就可以获得PNG或JPG:的图像数据

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

这将为您提供图像的base64编码uri，您可以将其用于html图像：

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

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs

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

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

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData

相关文章：