[B! HTML5][canvas] swimbird55のブックマーク

Android × Canvas の即死ポイントとその回避策 | buccchi.jp

CreateJS を使ったWebアプリをいくつか作ったのですが、iPhone はサクサクでも Android でやたらハマる。 Android 2.3 で最適化したつもりのものが 4.0 の標準ブラウザで落ちたりする。機種や OS のバージョンにより動作がさまざまなため確認しきれない。というとこでハマったポイント3つを共有します。誰かもっとよい解決策を教えてくれるとありがたい。即死ポイントその1 Android 4.0.4 で Canvas をリサイズするとブラウザが落ちる回避策 Canvas 領域を広めにとっておき、Canvas ではなく Container 側をリサイズ。はみでた部分は css でトリミング。これで落ちなくはなるが全体的にボケる。 2013.7.7 追記その後、以下の方法を試したところ落ちずに動作すことが確認できました。描画とかGPUアクセラレーション

swimbird55 2013/03/04

リンク

canvasに描いた絵（画像）をサーバに保存 - 超自己満足プログラミング

canvasに描かれたデータを取得するには、canvas.toDataURL() を使います。 toDataURL()で得られるのは、base64エンコードされた画像情報なので、それをサーバに送って、base64デコードして保存という流れです。 toDataURL()して、そのデータをPOSTする部分のjavascript (ajax部分が面倒なので、prototype.jsを使用) function saveImage() { var imgdata = $('canvas_id').toDataURL(); // デフォルトだとpng, 引数でjpegとかも可能 imgdata = imgdata.replace('data:image/png;base64,', ''); // 頭のいらない部分を落とす new Ajax.Request(<画像保存CGIのURL>, { param

swimbird55 2012/10/04

リンク

Internet Explorer 6

swimbird55 2010/10/08

リンク

Chrome Experiments - Arcade Fire

A site that showcases cool experiments for both JavaScript and web browsers.The Wilderness Downtown Choreographed windows, interactive flocking, custom rendered maps, real-time compositing, procedural drawing, 3D canvas rendering... this Chrome Experiment has them all. "The Wilderness Downtown" is an interactive interpretation of Arcade Fire's song "We Used To Wait" and was built entirely with the