ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5キャンバス

HTML5キャンバス

(*-*)浩
(*-*)浩オリジナル
2019-10-24 15:11:492210ブラウズ

canvas 要素は、Web ページ上にグラフィックを描画するために使用されます。

HTML5キャンバス

#キャンバスとは何ですか?

HTML5 の Canvas 要素は、JavaScript を使用して Web ページ上に画像を描画します。 (推奨学習:

html チュートリアル )

キャンバスは長方形の領域であり、そのすべてのピクセルを制御できます。

canvas には、パス、長方形、円、文字を描画したり、画像を追加したりするためのさまざまな方法があります。

キャンバス要素の作成

キャンバス要素を HTML5 ページに追加します。

要素の ID、幅、高さを指定します:

<canvas id="myCanvas" width="200" height="100"></canvas>

JavaScript による描画

canvas 要素自体には描画機能がありません。すべての描画作業は JavaScript 内で行う必要があります:

<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);
</script>

以上がHTML5キャンバスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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