前回の記事「ブラウザで画像ファイルを選択した時にプレビュー表示する方法」でHTML5で実装されたcanvasについて触れたので、ついでにcanvasで文字描画する例を紹介します。 いきなり完成品 はい、サンプルコードどん! JavaScriptでcanvasに文字描画する例 <!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>canvasへの文字描画</title></head> <body onload="loadImage('preview');"> <p><canvas id="preview"></canvas></p> <p> <input type="text" id="canvas_text" value="我輩は犬である"> <button onclick="drawText('preview', 'canva
![JavaScriptでcanvasに文字を描画する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/fb5e4f81cb359871ee12824e01165c8f7b6cd53e/height=288;version=1;width=512/https%3A%2F%2Fblog.ver001.com%2Fuploads%2F20181223_canvas_02.jpg)