Javascript 如何基于文本和CSS生成图像？

我正在开发一个网络应用程序。它使用来自API的信息为游戏生成签名

我需要用一个脚本来存储图像，该脚本收集信息并将其转换为图像

---

您知道如何将文本+CSS转换为图像吗？

是的，这是可以做到的，您要做的是在画布上绘制文本，然后保存画布。您不需要显示画布，您可以像任何其他html元素一样隐藏它，只需添加它，在它上面绘制文本，然后保存它

以下是库上的链接，可保存：

画布上绘制文本的一些示例代码：

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>

<script>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Your Text",10,50);

// save img
Canvas2Image.saveAsImage(c, 200, 100, 'png');
</script>

您的浏览器不支持HTML5画布标记。
var c=document.getElementById（“myCanvas”）；
var ctx=c.getContext（“2d”）；
ctx.font=“30px Arial”；
ctx.fillText（“您的文本”，10,50）；
//保存img
Canvas2Image.saveAsImage（c，200100，'png'）；

我认为这需要通过一些服务器端代码来完成。请阅读HTML画布。您可以将文本写入，然后将其作为图像抓取。我不认为你会在StackOverflow上找到一个解决方案来完成所有这些事情，但这里有一个开始：你可能想尝试一个JavaScript库，使其成为pdf。@edhedges可能5年前。现在我们有了

元素你知道有没有免费的（可以很小的）数据库吗？这样我就可以保存图像了？它将是这样的：因此，在显示的链接中，有人以其名称加入的每个链接都将生成一个图像？您的意思是，将图像存储在您的服务器上，还是将其存储在其他地方？您可以在每次请求url时构建映像。这可能是最好的，因为它始终是客户端，并且您几乎没有带宽。是的，这就是我想要的。我如何做到这一点？上面的代码实际上会做到这一点。您正在尝试返回图像或html吗？