2023年3月の世界のWebブラウザのシェアは、statcounterによれば、Google Chromeが65％、Apple Safariが20%、Microsoft Edgeが5%、Mozilla Firefoxが3%となっています。これら主要なWebブラウザには約10年以上前から「Canvas API」と呼ばれる高度な描画機能が利用できます。 このCanvas ...

前回は、「HTML5＝Flashみたいなリッチなサイトを作ることができる」「HTML4ではユーザーのアテンションを引くような表現は難しかった」など、HTML5によるグラフィックス表現において"ありがちな誤解"について解説しました。 つまるところ、HTML4では実現でき ...

JavaScriptとCanvasの練習がてら、多角形／星形多角形を描いて遊びました。 具体的には下記を実装してみました。 ・円と線分を描く ・1秒ごとに頂点の数を増やす ・隣の頂点と繋ぐ／隣の隣と繋ぐ…とN個飛ばしで頂点をつなげるようにする 頂点0個飛ばし ...

<canvas id="canvas"></canvas> ・・・ ここに書きます。 </body> そしてこの"id"を取得するべく、JavaScriptの命令を書いていきます ...