将（非 base64）文本字符串转换为 Base64 图像答案

【问题标题】：Converting (non-base64) text strings to Base64 images将（非 base64）文本字符串转换为 Base64 图像
【发布时间】：2014-09-14 23:28:59
【问题描述】：

所以我只是好奇这种能力是否存在，尽管它很可能不存在。我正在尝试获取1 或2323 之类的文本字符串，并将其转换为以文本字符串为背景的图像。图像没什么疯狂的，只是来自文本字符串的占位符图像。这种能力存在吗？到目前为止，我只能找到我已经拥有的图像的 base64 生成器，而不是我想要即时生成的图像。

（Javascript 解决方案的奖励积分）

【问题讨论】：

标签： javascript image base64

【解决方案1】：

如果您的浏览器支持 HTML5 画布，您可以非常简单地完成此操作而无需额外的库。

function getTextImage(text) {
  var c = document.getElementById("canvas");
  var ctx=c.getContext("2d");    
  ctx.font="20px Georgia";
  ctx.fillText(text,10,50);
  var img = canvas.toDataURL("image/png");
  return img;
}
    
var yourText = "I'm an image";
document.write('<img src="' + getTextImage(yourText) + '"/>');

<canvas id="canvas" style="display:none;">
</canvas>

【讨论】：

是的，这也是一个不错的方法。

【解决方案2】：

其实我是通过结合框架想出来的。 Placehold.it 能够生成带有自定义文本的大小图像，并且结合 the trick outlined in this StackOverflow post 可以在 Javascript 中完成我需要的操作。

【讨论】：