それで、キャンバス?



どのようなHTMLキャンバスですか?


HTML <キャンバス>要素はJavaScript経由でその場でグラフィックスを描画するために使用されます。


<キャンバス>要素はグラフィックス用のコンテナだけです。JavaScriptを使用して実際にグラフィックスを描画する必要があります。


キャンバスパス、ボックス、サークル、テキストを描画するためのいくつかのメソッドがあり、画像を追加します。


キャンバス


キャンバスは、HTMLページの長方形の領域です。デフォルトでは、キャンバスにはボーダーとコンテンツはありません。


マークアップは次のようになります.<canvas id="myCanvas" width="200" height="100"></canvas>

注意:常にキャンバスのサイズを定義するために、id属性(スクリプトで参照する)と幅と高さ属性を指定します。ボーダーを追加するには、Style属性を使用します。


ここでは、基本的な空のキャンバスの例を示します。


JavaScriptを追加する


線を引く


<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.moveTo(0, 0);
ctx.lineTo(200, 100);
ctx.stroke();
</script>

結論


コーディングを続ける!


🙏 お友達と共有する


👇 以下の話題の上でより多くのポストを見つけてください