JavaScriptコミュのCanvas

最近サポートされたCanvasタグをjavascriptで制御することで表現の幅が広がりました。

Javascriptの限界に挑戦するためにちょっと試してみませんか?(笑)

とりあえずこんなのを書いてみました。
サンプル程度にどうぞ。
http://ymo.kohri.net/NPK/works/canvas_test.html
http://ymo.kohri.net/NPK/works/canvas_test2.html

コメント(1)

最初
全て
最新の40件

[1] mixiユーザー 05月28日 14:05

canvasタグ、意外と知られてないですよね。
やっぱり、ブラウザ固有なものだと敬遠されがちですが、
canvasの場合は、それぞれのブラウザにほぼ同等のものがあるから
ハイブリッドなライブラリを組んでおけば、いろいろ利用価値ありますよね。

具体的には、
IE : VML ( + TIME)
FireFox & Safari : canvas (微妙な仕様の違いに苦戦するけど)
Opera : SVG Tiny？（ほとんど日本語ドキュメント無し）
これらをJSで組み合わせて処理することになりそうですが、、、
やっぱし仕様の差に苦しみますね（笑）
けど、それなりに面白いです。

この筋に有名な「ブラウザでお絵かき」は圧巻ですね。
http://www.ne.jp/asahi/nanto/moon/2005/09/27/canvas.html

私の作ったサンプルだと、、、
http://gyaaaa.web.fc2.com/viewer/ (画像の回転・拡大の試運転)
http://gyaaaa.web.fc2.com/vml/graph.html (グラフ出力。まだIE専用)

[これから試してみる人へ]
たぶん、safariで動かなくて悲鳴をあげます（笑）
image.onload = function(){...}
って処理すれば治ることが多いので試してみて下さい。
あと、（たしか）画像サイズを指定しないと表示されないのですが、
JSで動的にサイズを取得する方法はありますので、
必要そうなら声かけて下さい。

ログインすると、みんなのコメントがもっと見れるよ