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

藏色散人
リリース: 2019-05-26 09:15:25
オリジナル
2978 人が閲覧しました

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 サイトの他の関連記事を参照してください。

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