新人エンジニアのメモ

新人エンジニアの日々学んだことをアップしていきます。最近はQiitaも始めました。https://qiita.com/nacho0707

【要素】canvas要素

canvas要素とは

WebGL APICanvas APIでアニメーションやグラフィックスを表示させるための要素。※canvas要素だけでは何も表示されない。

 

WebGL API2D や3Dのアニメーションを描画できるAPI

Canvas APIHTML+JavaScriptだけで図形を描画するためのAPI

 

記述例

f:id:nacho0707:20200119165817p:plain

【解説】

  • height属性で高さを、width属性で幅を指定する。

 

実行例

f:id:nacho0707:20200119165848p:plain