HTML

charset hr iframe input lang meta placeholder textarea form onClick title href viewport a br p img html head base link style script noscript body address pre blockquote ol ul li dl dt dd div em strong small s cite q dfn abbr code var samp kbd sub sup i b span ins del object param map area table caption colgroup col tbody thead tfoot tr td th fieldset legend label button select datalist optgroup option download date month week time localStorage setItem getItem clear progress max meter min DOCTYPE details summary audio section nav article aside header footer figure figcaption mark ruby wbr video source canvas keygen output command menu file range main rt rp bdo embed h rel

• WebGL 立体を回転してみる
• 立体を描画し、それを3Dで回転させるサンプルです。 参考サイトMDNを参考にサンプルをそのまま実装してみました。 まだ、筆者も理解が浅いので、今日はここまでです。 下記のサイトを参考にしていま...
• 2020-11-03 22:40:47

• JavaScript 画像をクリックして色を抽出
• 画像をクリックするとクリックした部分の色の情報を抽出するサンプルです。 いわゆるカラーピッカーをJSで実装しています。 まず画像をcanvasに変換します。 マウスでクリックされた部分のピクセルの画像データを抽出し、色の情報...
• 2020-09-22 13:39:02

• JavaScript 画像の色からカラーチャート
• JacaScriptでJPG画像をCanvasに変換し、色情報を解析、抽出するサンプルです。 抽出した色をカラーチャートのようにjQueryで整形してみました。 色の情報はRGBAで抽出されます。 Aは透明度なので今回は無視。 重複する色はユニー...
• 2020-09-21 18:13:36

• JavaScript 画像をcanvasに変換する
• imgタグで呼び出した画像をcanvasに描画するサンプルです。描画の際にリサイズもします。 表示した画像をCanvasに描画します。 imgの元画像は600pxですが、CSSで200pxにしているので、canvasでも200pxに合わせてリサイズしています。 このサンプ...
• 2020-09-13 14:10:15