文字を出す
最近はやりのHTML5に関してサンプルをアップしていこうと思います。
まずは、文字の出力です。
HTML5のCanvas機能を使用して文字を出しています。
Sampe00.html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"/> <title>Sample01.html</title> <script> function draw() { var canvas = document.getElementById("canvas1"); var c = canvas.getContext("2d"); c.font = "38px 'Chunk Five'"; c.fillText("こんにちは", 100, 100); } </script> </head> <body onload="draw()"> <canvas id="canvas1" width="300" height="300"></canvas> </body> </html>
ブラウザはChrome、Firfox、Safari、IE9で動きました。
ただ、IE8では、HTML5が対応してないので何も表示されないです。
iPhoneでも、なぜか、文字は出なかったです、なにか設定に問題あるのかな?
Androidだと問題なく動作するのに・・・