JavaScript

JavaScript

Javascriptでテキストファイルを指定して読み込む

やりたいことJavascriptでローカルに保存されているテキストファイルを読み込みます。ドラッグアンドドロップでの読み込みは以下を参照。ファイルシステム APIによる読み込み以下のhtmlで表示される"text読込"ボタンをクリックすることで、ファイルセレクタからファイルを選択、読み込みをすることができます。読み込まれたデータはtextに格納されます。 <!doctype html><html lang="ja"><head> <meta charset="utf-8" /> <title>text読込</title></head><body> <input type=button id="...
JavaScript

canvasタグのサイズ設定方法と動作の違い(JavaScript)

やりたいことcanvasタグは2つの方法でサイズを指定でき見た目は同じが、JavaScriptで扱う際に動作が異なるので確認します。環境Chrome: 113.0.5672.127Canvasのサイズ設定方法CanvasのサイズはattributeとStyleで設定できます。下のように表示の結果は同様です。attribute(canvasタグ内)での設定<canvas width=200 height=200></canvas>上記のhtmlで200x200のCanvasが下のように描画できます。(領域がわかりやすいように背景を灰色にしています。)Styleでの設定<canvas style=...