Question

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

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

Answer 1

如果您的浏览器支持HTML5画布，则可以在没有其他库的情况下完成此操作。

＆＃13;

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) + '"/>');

＆＃13;

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

＆＃13;

Answer 2

实际上，我通过组合框架来解决这个问题。 Placehold.it能够使用自定义文字生成大小合适的图片，并且与the trick outlined in this StackOverflow post结合使用，可以在Javascript中完成我需要的内容。

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

2 个答案: