未分類 Canvasで多角形の描画
canvasで多角形の描画多角形を描画するにははじめに多角形の頂点を結んだパスを描画つまり、点を作るこれは、moveTo()で作成する次に、線を引くこれは、lineTo()これで、多角形の頂点の座標をつなげていくその後、fill()で、多角...
未分類 未分類 Javascriptで定期的に処理を実行
Javascriptで定期的に処理を実行Javascriptで定期的に処理を実行するならsetInterval()を使う書式は、setInterval(func, msec)引数の意味はfunc定期的に繰り返す関数のオブジェクトmsecミリ...
未分類 canvasの基本的な使い方
canvasの基本的な使い方canvasタグを記述しcanvasオブジェクト取得canvasオブジェクトからコンテキスト取得コンテキストのメソッドやプロパティを使い描画するcanvasオブジェクト取得しただけだと描画まではできないこれは、c...
未分類 canvasの色の指定
コンテキストのメソッド、プロパティを使い描画描画するには、コンテキストを通して描画用のメソッドを呼び出す色の指定はfillstyleプロパティを利用たとえば、context.fillstyle="rgb(255,0,0)";というように指定...
未分類 その他の履歴管理メソッド
その他の履歴管理メソッドhistory.replaceState(obj, title, url)現在の履歴を別の履歴と入れ替えるhistory.back()1つ前の画面に戻るhistory.forward()1つ先の画面へ進むhistor...
未分類 Ajaxによる履歴操作
Ajaxによる履歴操作にはHistoryAPIで履歴の追加戻るボタンが押されたときの処理の登録が必要になるまず、履歴の追加について履歴の追加は、history.pushState()で行うこのメソッドの書式はhistory.pushStat...
未分類 HTML5 historyAPI
HTML5 history APIAjaxによる画面遷移はユーザーがリロードする不便をなくすため便利だけど欠点として、戻るボタンが正しく働かないiPhoneなら戻るボタンがないけどAndroidは、ハードで戻るボタンがあるため対処が必要Aj...
未分類 jQueryの初期化イベント
ページの切り替えのために、jQueryの初期化イベントを利用これは、HTMLの読み込み後に各種初期化するために使うjQueryでHTML読み込み後に初期化する書式は簡潔にするなら$(fuction(){//初期化処理});冗長にするなら$(...
未分類 クロスドメイン制限の回避策その3
クロスドメイン制限の回避策その3多くのブラウザーではHTTPのヘッダーにAccess-Control-Allow-Originを指定するとアクセス可能な範囲を指定できるようになりますWebサーバーでPHPを使い、Ajaxによる外部アクセスを...
未分類 jQueryでJSONPの利用
jqueryでJSONPの利用jQueryのgetJSON()を使えばスマートにJSONPが使えるjQuery内部でscriptタグを動的に生成しWebAPIを呼び出すjQueryでJSONPを使う書式は$.getJSON(url, dat...