HTML5 はキャンバスを使用してテキストを描画します。 効果_html5 チュートリアルのスキル

コードをコピーします

コードは次のとおりです:

var Canvas=document.getElementById("canvas");
var cxt= Canvas.getContext("2d");
cxt.font="40px大胆な";
//ベタ文字を描画します
cxt.fillStyle="red";//赤で塗りつぶします
cxt.fillText ("hello, Dr. Sisi",10,50);
//中空の文字を描画します
cxt.ストロークスタイル="red";//赤い境界線
cxt.ストロークText("hello 、シシ博士 "、10,100);