javascript - javascript / html5 - テキストから画像へ

Question

1 つのテキストを画像に変換する方法を教えてください。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 を読み取り、それをキャンバスにレンダリングします。失敗する場合もありますが、一般的には機能します。