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

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

WBOY
リリース: 2016-05-16 15:47:08
オリジナル
1520 人が閲覧しました




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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート