我正在开发一个网络应用程序。它使用来自其 API 的信息为游戏生成签名。
我需要使用收集信息并将其转换为图像的脚本来存储图像。
您知道将文本 + CSS 转换为图像的方法吗？
问问题
17653 次
1 回答
15
是的，这可以做到，您要做的是在画布上绘制文本，然后保存画布。您不需要显示画布，您可以像任何其他 html 元素一样隐藏它，只需添加它，在其上绘制文本并保存它。
这是保存的库上的链接： https ://github.com/hongru/canvas2image
一些在画布上绘制文本的示例代码：
<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>
于 2013-07-12T15:36:19.393 回答