3テラバイト

プログラム関連備忘録サイト。主にゲーム。

「 HTML 」 一覧

no image

画像のExif情報を読み込むJavaScriptライブラリExif.jsの使い方

2021/08/30   -HTML, JavaScript

Exif.jshttps://github.com/exif-js/exif-js 使い方 ここではローカルサーバーに配置したHTMLファイルから使用します。fileプロトコルでアクセスしている場合は …

no image

JavaScriptでバイナリからpngファイルを識別する

2021/08/30   -HTML, JavaScript

input要素で指定した画像がpngファイルか確認し、pngファイルだった場合にその幅と高さをコンソールに出力しています。 <html> <head> </head&gt …

no image

JavaScriptで数値を2進数や16進数の文字列に変換する

2021/08/30   -HTML, JavaScript

toString関数の引数に基数の値を指定すると、その形式に変換された文字列が返されます。基数は2~36までの間で指定可能です。 16進数に変換する この例では30を16進数に変換した1eが出力されま …

no image

JavaScriptで配列やオブジェクトの一部を代入する分割代入

2021/08/30   -HTML, JavaScript

JavaScriptで変数に配列やオブジェクトから値を代入する際に、左辺の変数名に角括弧[]を付けることで配列やオブジェクトの一部のみ代入することが可能です。 以下の例では変数aに右辺の配列の内最初の …

no image

inputタグで選択した画像をimgタグに表示する

2021/08/30   -HTML, JavaScript

コード input要素で画像を選択した際に、選択した画像をimg要素に表示するサンプルコードです。 URL.createObjectURL()を使用する FileReader.readAsDataUR …

no image

HTML – svgタグで図形を描画する

2021/04/17   -HTML

サンプルコード <!DOCTYPE html> <html> <head> </head> <body> <svg width=&qu …

no image

JavaScriptチャートライブラリPlotly.jsでチャートを描画する

2021/04/15   -HTML, JavaScript

公式サイト Plotly JavaScript Graphing Library | JavaScript | Plotlyhttps://plotly.com/javascript/ サンプルコード …

no image

ブラウザとモバイルデバイス用のインタラクティブチャートを実装するJavaScriptチャートライブラリGoogle Chartsの使い方

2021/04/14   -HTML, JavaScript

公式サイト https://developers.google.com/chart サンプルコード <html> <head> <script type="te …

no image

D3.jsベースのJavaScriptチャートライブラリC3.jsの使い方

2021/04/13   -HTML, JavaScript

公式サイト https://c3js.org/ サンプルコード Getting Startedページのサンプルを動かしてみます。https://c3js.org/gettingstarted.html …

no image

フレキシブルなJavaScriptチャートライブラリTauchartsの使い方

2021/04/12   -HTML, JavaScript

サンプルコード 公式ドキュメントのTutorialsの内、簡易的なものを実際に動かしてみます。https://api.taucharts.com/tutorials/1min.html <htm …