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を読み取り、キャンバスに、それをレンダリングし、いくつかに失敗しますが、一般的な作品インチ