HTML5 の canvas の 2D context には getImageData() というメソッドがあって、これを使うと canvas 上のピクセルデータを取れるようになっている。 ところが、他ドメインの画像を引数に drawImage() を使って描画を一度でも行なってしまうと、データを取ることができなくなる。 <html> <head> <title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { var img = new Image(); img.src = "
最近、ブログを書いて、毎回、読んだくださった方から、貴重な情報を教えてもらっています。大変ありがとうございます。 ベンチマーク for canvasタグとcanvas on Flash 2010 - yukobaのブログですが、コメント欄＆http://www.revulo.com/blog/20100311.html#p01によると、drawImage()で渡す座標は、仕様上 "float" となっているのですが、ここに "int" を渡すと高速化するそうです。具体的には、Math.random() * 750 を Math.random() * 750 | 0 にします。"| 0"で、float → int です。 また、FlashCanvas Pro は今、1.2 α3 ですが、1.2になって、高速化したので（上のブログ参照）、それを含めてテストしてみました。 ブラウザ 時間 高速化
タイトル変更しました 今のところこんな感じです。Flashモードはアニメーションが高速に動作するようになりました。 http://pigs.sourceforge.jp/blog/20100217/demo/ (IEや他のブラウザで見てね) 今日は「uupaa.js が実装している <canvas> をエミュレートする三つのレンダリングモード(VML, Silverlight, Flash)には、それぞれ向き/不向きがありますよ」な説明をします。 描画方法の違いからくる向き/不向きについて VMLモードやSilverlightモードは、DOMツリーにノードを追加する形で描画しています。 一方 Flashモードでは、ビットマップに色を上書きしていく形で描画しています。 VMLやSilverlightで「大量のパーティクルを高速に動かす」のは、大量のノードを短時間で処理することになります。当然
Opera の getContext("opera-2dgame") について追記しました。 fillText(strokeText) + pattern, + linerGrad, radialGrag について追記しました。 uupaa-excanvas.js ver 0.3 リリース版に基づき表を更新しました。 uupaa-excanvas.js ver 0.31で、drawImage(canvas, ...) をサポートしました。 先ほど Windows XP 上で調べました。Mac や Linux だとちょっと違うかもしれません。 # レンダリングの実例はhttp://uupaa-js-spinoff.googlecode.com/svn/trunk/uupaa-excanvas.js/DEMO.htmで見れます。 凡例 5: 実装されており他のブラウザの描画結果と互換性がある(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
