2-1. リサイズ処理 Figure 2. Mobile Safariによる画像アップロード画面 最終成果の画像データを、サーバーサイドAPIにPOSTすることがゴールである。Androidにおいて、XMLHttpRequestでBlobをリクエストに設定しても空のボディで送信される問題がみられるため、今回はBase64 encoded DataURIとしてPOSTすることにしている。 2-1-1. 基本実装 ƒ 今回のリサイズ処理では、Canvas要素とFile APIを利用する。基本方針としては、inputtype='file'のchangeイベントから、Fileオブジェクトを取得し、それを一度Canvasに書き出すことでリサイズを試みる。最終的には、canvas.toDataURL() によってDataURIを取得する。 下記に、基本実装のサンプルを示す。( http://co
10月13日、第11回となる「HTML5とか勉強会」を、Opera Softwareのオフィスをお借りして開催しました。Opera Softwareのオフィスはフランクでフレンドリーなため、毎回アットホームな雰囲気の中、勉強会を進行することができます。そんな雰囲気の中、今回も内容の濃いさまざまな講演をいただきました。その模様をUstreamでのアーカイブ含め報告します。 今回は、前回に引き続きスマートフォンにフォーカスをあてました。前回はSench TouchやjQTouchなどのスマートフォンでの開発プラットフォームを特集しましたが、今回はAndroid2.x対応デバイスが各キャリアからリリースされることも相まってさらに盛り上がりを見せているスマートフォンブラウザについてOpera SoftwareとMozilla Japanに講演していただきました。さらに、スマートフォン関連で3本のL
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く