Android 2.x系でCanvasタグのtoDataURLメソッドをサポート·todataurl-png-js MOONGIFT
todataurl-png-jsはAndroid 2.x系でCanvasタグのtoDataURLをサポートするJavaScriptライブラリです。Canvasタグの内容をPNG画像として出力できます。 todataurl-png-jsはAndroid 2.x系においてCanvasタグに描いた内容をdataURIとして画像で取り出した上で再利用できるようにするJavaScriptライブラリです。 例です。自分で描いた模様をバックグラウンドに設定しています。 こちらはCanvasタグに生成した画像を背景に使っています。 実際のコードです。CanvasのデータをtoDataURL()で取り出してバックグラウンドイメージに適用しています。 toDataURLメソッドはHTML5対応のWebブラウザであれば使えるかと思っていましたが、Android 2.x系のWebブラウザでは使えないそうです。そこ
Excel同等とは言わないけれど十分高機能なWebベースのテーブル表示ライブラリ·KoGrid MOONGIFT
KoGridはハイレベルなWebベーステーブル表示ライブラリです。フィルタ、ソート、ページネーションなどがあります。 業務システムではよくあるWeb上でのデータの一覧表示。得てしてExcelと同等レベルの機能が求められて大変な思いをしますが、そのベースにできそうなハイレベルなグリッド表示を行うのがKoGridです。 ソートができます。範囲外は中でスクロールして表示させられます。 チェックボックスをつけるとハイライト表示します。 カラムに色をつけたり、セルごとに色を設定できます。 数値は桁数を意識したソートができます。 フィルターを表示できます。 サーバサイドのページネーションもあります。 10,000行のデータも軽快に操作できます。 テーブルで選択したデータの詳細を右側に表示するデモです。 KoGridはカラム幅の変更やカラムの移動はできないものの、大抵のニーズには応えられると思われます。
巨大な指がポイント。スマートフォン向けタッチイベントを再現するJavaScriptライブラリ·Phantom Limb MOONGIFT
Phantom Limbは実際の指画像を使ってスマートフォン向けのタッチイベントをテストできるJavaScriptライブラリ。 Phantom LimbはJavaScript製のフリーウェア（ソースコードは公開されている）。スマートフォン向けのWebサイトを作るならば、やはりスマートフォン特有の機能を使ってみたいと思うはずだ。しかし問題は実装した後のテストになるだろう。 デモのイベント 特にタッチイベントはデスクトップとスマートフォンで動作が大きく変わる部分になるだけにテストしずらい。そこで使ってみたいのがPhantom Limbだ。 Phantom Limbを表示すると巨大な指が表示される。これはマウスカーソルと同じ動作になる。そしてクリックしたりするとそれがタッチイベントとして認識される。マウスを動かすと指の角度が変わるという、微妙なこだわりも面白い。 デモのメトロノームアプリ デモで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
