ホームページ >ウェブフロントエンド >H5 チュートリアル >HTML5 はキャンバスを使用してテキストを描画します。 効果_html5 チュートリアルのスキル

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-05-16 15:47:081556ブラウズ




コードをコピーします
コードは次のとおりです:

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);

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。