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

手軽に花火を描画するプログラムを作ろうと思ったら、JavaScriptを使ってブラウザ上に描画するのがオススメです。前回紹介したように、Canvas APIを使うと、ブラウザ上に絵や図形を描画できます。しかも、スマートフォンのブラウザを含め、大半のブラウザ ...

In the early part of this book the emphasis was on creating graphics by drawing on the canvas. By contrast the latter part of the book is about loading graphics files into the canvas. Why would you ...

HTMLの <canvas> 要素でグラフィックスを扱うには、まず「レンダリングコンテキスト」の取得が必要です。本記事では、Canvas APIの入り口となるコンテキストの初期化から、最も基本的な図形である矩形（長方形）の描画、そして色指定の方法までを解説します。

【JavaScript】Canvasの描画内容をDataURL画像として取得・エクスポートする - 森の株【JavaScript】Canvasの描画内容をDataURL画像として取得・エクスポートする | 森の株 概要 HTML5 Canvasで動的に描画したグラフィックス（グラフ、ゲーム画面、合成画像など）を、通常の画像概要 HTM morinokabu.com ...

One of the operations that low-level APIs tend to give you that higher level graphics systems tend to ignore is the bitblt - bit-block operation (pronounced bit-blit). This is essentially a low-level ...