今回利用したのは、Geolocation API機能。これを利用して、現在位置を取得し、google maps APIも利用して現在位置を地図上に表示している。 例によって、検証アプリを作成した。 JSのメインは下記コード。ただし、jqueryは使用している。 <script type="text/javascript"> $(document).ready…

グラデーション機能を試してみた。グラデーションを付ける部分のコードは下記。 $gradientId.click(function(){ grad = ct.createLinearGradient(20,20,180,180); grad.addColorStop(0, 'rgb(255,0,0)'); grad.addColorStop(0.5, 'rgb(0,255,0)'); grad.addC…

HTML5の新機能の１つ「canvs要素」を試してみた。 例によって検証アプリを作成して、試した結果が下図。作成するのは簡単だが、ボタンをクリックするたびにcanvas描画領域を初期化する方法が分からなかったので、そこはメモしておく。まず、canvasで描画する…