Canvasで画像縮小をやってみた - aoyama-techのブログ
カメラ解像度アップにより、画像サイズがメガ超えしていることからアップロードへの影響があるため、 Canvasを使ってクライアントサイドで画像縮小をやってみた。 Canvasって？ ざっくりいうとjavascriptで画像を書けたり、画像を操作したりできます。 Canvasとは - Canvas - HTML5.JP 今回は、画像縮小を実際にやってみてどれくらいファイルサイズが削減できるのかためしてみた。 なんと、2MBくらいの画像が260KB程度まで落ちた！ 読み込み速度もはやい！！ これならラクラクアップロードできそうやね ♪ サンプルコード html <div id="contents" style="margin:20px; border-top:solid 1px #000;"> <h3>canvasTest</h3> <input id="inputFile" name="pho
マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ:phpspot開発日誌
Style Your Image Links | Css Globe Mouse over behaviors have a certain significance when we're talking about usability. Letting users know that particular section of our website is meant to be clicked on is best achieved through mouse over effect. マウスオーバーした時に画像に説明を入れたい時に使えるJSライブラリ マウスオーバーした時に次のように画像を重ねられるJSライブラリです。 JavaScriptのお陰で、画像部分のマークアップ自体は次のようにクリーン <p><a href="http://cssglobe.com"><img class=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
