検索

ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLキャンバスタグの使い方

HTMLキャンバスタグの使い方

藏色散人
藏色散人オリジナル
2019-05-26 09:15:252987ブラウズ

html Canvas タグは、グラフやその他の画像などのグラフィックを定義するために使用されます。 タグは単なるグラフィック コンテナであり、スクリプト (通常は JavaScript) を通じて実行されます。Canvas を使用してパスを描画できます。ボックス、丸、文字、画像の追加。

HTMLキャンバスタグの使い方

#キャンバスとはどういう意味ですか? HTMLキャンバスタグの使い方は？

機能: グラフやその他の画像などのグラフィックを定義します。

説明:

ラベルは単なるグラフィック コンテナであり、スクリプト (通常は JavaScript) を通じて実行されます。キャンバスを使用してパスを描画できます。ボックス、丸、文字、画像の追加も可能です。

注:

タグは、HTML 5 の新しいタグです。 Internet Explorer 8 以前では、 タグはサポートされていません。

html キャンバス タグの例

<!DOCTYPE HTML>
<html>
<body>
<canvas id="myCanvas">your browser does not support the canvas tag </canvas>
<script type="text/javascript">
var canvas=document.getElementById(&#39;myCanvas&#39;);
var ctx=canvas.getContext(&#39;2d&#39;);
ctx.fillStyle=&#39;#FF0000&#39;;
ctx.fillRect(0,0,80,100);
</script>
</body>
</html>

効果:


HTMLキャンバスタグの使い方

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

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

関連記事

続きを見る