canvas
みんな大好きMDNのサイトに、Canvasの独習に良さげなチュートリアルがありましたので紹介します。内容がシンプルにまとまっているので、サクッとCanavsを学べるのでおすすめです。 developer.mozilla.org
Canvasでピクセルデータを取り扱う場合は、ImageDataオブジェクトを使用していろいろな操作を行います。 Canvasのピクセルデータは次の通り 1ピクセルは、width x height x 4byte のデータがあります。 4byteは何の情報かというと、下記の色の情報を持ってい…
めちゃくちゃしょぼいけど、とりあえずCanvasの練習で時計らしきものを作ってみた。 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>時計</title> <script> var ctx; function init() { ctx = document.getElementById("graph").getContext('2d'); paint(); set…</meta></meta></head></html>
