javascript - javascript / html5 - 文本到图像

Question

我需要帮助将文本转换为图像。有没有办法通过 js 或 jquery 来做到这一点..？

任何帮助，将不胜感激。

Answer 1

使用画布并在画布上打印文本。之后，可以将画布导出到图像。

<canvas id="e" width="200" height="200"></canvas>
<script>
  var canvas = document.getElementById("e");
  var context = canvas.getContext("2d");
  context.fillStyle = "blue";
  context.font = "bold 16px Arial";
  context.fillText("Your text", 100, 100);
</script>

Answer 2

将您的文本绘制到canvas标签中。

var canvas = document.getElementById('myCanvas');
var ctx = canvas.getContext('2d');

ctx.fillText(myText, x, y);

Answer 3

有一个图书馆试图做到这一点。

http://hertzen.com/experiments/jsfeedback/

从 html 读取 DOM 并将其呈现到画布上，在某些情况下失败，但在一般情况下有效。