JavaScriptで、canvasに円弧や円を描くのと、角度(ラジアンの計算) 構文は以下のとおり。 arc(x, y, radius, startAngle, endAngle, anticlockwise) x,yが円の中心 radiusは半径 startAngleが開始角度。X軸方向が0度。 endAngleが終... 2022.04.24
JavaScriptのマウスのイベントmousedown、mousemove、mouseup canvasにマウスでお絵描きするJavaScript。これを実現する。 マウスの現在座標をリアルタイムで取得して表示する ①addEventListenerメソッドでmousemoveを指定、第2引数で関数を入れる e.pageXYを使う... 2022.04.21
JavaScriptでイベントonkeydown、onkeyup、onchange キーボードのキーが押されたとのイベントonkeydown、onkeyup キーが押されたときにイベントが発生するのはwindow.onkeydownプロパティかdocument.onkeydownプロパティに関数を入れてあげればよい。 また... 2022.04.21
JavaScriptで関数に関数を入れるコールバック関数の整理 JavaScriptの関数を関数に入れる不思議 JavaScriptでは、 ・関数を代入できる ・関数を関数の引数に渡すことができる というのがあって個人的にはすごく不思議な感じがする。 functionを使うことで関数に名前を付けずに(無... 2022.04.20
JavaScriptで扱えるイベントとイベントハンドラーonload関連 ページ読込時のonloadイベントハンドラー onloadプロパティはそのページが読み込まれたとき(HTMLや画像のリソースの読み込み後)に発生するイベント。 HTMLのbodyタグやimgタグに、 としたりして指定できる。 順番的にはim... 2022.04.20
JavaScript基礎学習その1備忘録的な JavaScriptを基礎から学習中です。ここでは学び直しした内容を備忘録的に残しています。 JavaScriptはオブジェクトを定義できる 一般的にオブジェクトには「プロパティ」と「メソッド」がある 左側がプロパティ名で、:を挟んで右側が... 2022.03.28
input type=”file”ファイル選択アップロードボタンの設置まとめ Railsでプログラミングを始めた私ですが、今回の記事はRailsじゃなくて別にhtmlやjavascriptの話だなと思い、まとめました。 事の発端はユーザープロフィール画像のアップロード機能を作っていたところです。以下のような問題が起こ... 2018.05.01