[B! canvas] nullpobugのブックマーク

canvas.drawImageで貼り付け先のサイズを調整する | iconDecotter-Log

位置調整が出来たら、今度は拡大縮小についてです。これについてもいくつかの方法があります。 drawImageメソッドの引数で貼り付けサイズを指定する scaleメソッドでcanvasの変形をしてから、drawImageで貼り付ける transf ormメソッドでcanvasの変形をしてから、drawImageで貼り付ける 1についても、位置調整と同様、drawImageの引数を変化させるだけでOKです。2、3はいずれも変形マトリックスの調整になりますが、使うメソッドが違います。単純に拡大縮小するだけであれば2の方が簡単です。 drawImageメソッドの引数で貼り付けサイズを指定する drawImage(image, dx, dy, dw, dh)と、dw、dhの引数を指定すると、貼り付け先のサイズを指定することができます。元画像に対して縦横比を維持して拡大縮小する場合は、dw、dhをそれぞ

nullpobug 2013/12/21

リンク

Dynamic Heatmaps for the Web

heatmap.js Dynamic Heatmaps for the Web heatmap.js is a lightweight, easy to use JavaScript library to help you visualize your three dimensional data! Use it to add new value to your project, build a business based on it, study and visualize user behaviour, or why not build something completely crazy/awesome? Whether you want to have an aggregated overview of your users behaviour, or look at thous

nullpobug 2013/05/30

リンク

lake.js

How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th

nullpobug 2012/04/18

リンク

Gtk3 vs HTML5 – Alexander Larsson

The last few weeks I’ve been working on an interesting new idea, hacking out a prototype. The code is not really clean enough for public consumption yet, and a bunch of features are missing. However, its now at the stage where it can be demoed and evaluated. I think the best way to introduce it is via a video: (original theora file) [vimeo width=”763″ height=”512″]http://vimeo.com/17132064[/vimeo]

nullpobug 2011/03/04

リンク

mixi Developer Center (ミクシィデベロッパーセンター) » run_appli.pl (canvas) の表示サイズ変更について

概要 PC用アプリのrun_appli.pl (canvas) の表示サイズが変更されます。このため、以下の記載内容をよくお読みになり、対応を行ってください。 iframe表示領域の変更現在、PC用アプリのrun_appli.pl (canvas) 表示領域の横幅は945pxですが、今後は横幅760pxに変更となります。広告表示可能領域の変更またこれに伴い、広告の表示位置、サイズは下記とおり変更されます。 ※新（760px）のアプリフッター部に表示される（C）の広告（760px×200pxサイズ）は、mixiアドプログラムをご利用のアプリの場合、728px×90pxのサイズにて2010年7月1日以降mixi側から広告配信を開始します。広告を配信できる事業者上記画面イメージにある各広告表示領域について、現在は（B）と（C）がソーシャルアプリケーションプロバイダー様の配信箇所となって

nullpobug 2010/04/28

リンク

Google Appsで、Googleタスクを使うためのURL - 近藤雄一のブログ

Google Appsで、Googleタスクが単体で使えないのかなーと思っていたら、使えることが分かりました。以下、まとめです。 canvasモード？ http://mail.google.com/tasks/a/自分のドメイン/canvas このURLをchromeのアプリケーション化して、fenrir(ランチャ)から呼び出す事にしよう。 (情報元) Googleタスクをフルスクリーンで見れちゃう魔法のリンク : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア http://www.lifehacker.jp/2009/10/091023_google_task.html 以下のURLから、Gmailから開いた画面と同じような画面も呼び出せるようだ。 http://mail.google.com/tasks/a/自分のドメイン/ig (情報元)