Ajaxで今よみがえる(^^;;-->[クロスブラウザ技術 ]DHTMLサンプル集
古籏一浩さんとのはじめての共著 発売中-->『Ajax実践テクニック』 古籏一浩/高橋 登史朗 (著)秀和システム
配本予約開始-->『入門Ajax 増補改訂版 』 高橋 登史朗 (著)ソフトバンククリエイティブ ; ISBN: 4797336242
【カテゴリー】 AjaSQL ( 9 ) Ajax ( 514 ) Arax ( 1 ) canvas ( 7 ) CSS ( 7 ) DLNA ( 1 ) Dojo ( 12 ) DOM ( 42 ) ES4 ( 2 ) 反重力物質 ( 1 ) Flash ( 42 ) Flash Remoting ( 11 ) FTP ( 2 ) GAF ( 9 ) Google Maps ( 105 ) GPS ( 38 ) HTTPヘッダサンプル ( 8 ) IPv6 ( 1 ) 漫画 ( 1 ) Java ( 39 ) JavaScript ( 193 ) jKamo ( 8 ) jQuery ( 4 ) jsGadget ( 18 ) jslb_ ( 3 ) jslb_ajax ( 8 ) JSON ( 44 ) JSR223 ( 5 ) kjscmd ( 1 ) KNOPPIX ( 1 ) Linux ( 13 ) Mac ( 4 ) Memo ( 3 ) Microformats ( 2 ) Mini AJAX ( 2 ) MochiKit ( 1 ) Movable Type ( 48 ) MySQL ( 7 ) NewGameWeb ( 2 ) Nucleus ( 8 ) OpenAJAX ( 3 ) OpenDocument ( 1 ) OS ( 3 ) P2P ( 2 ) Perl ( 7 ) PHP ( 36 ) PostGIS ( 1 ) PostgreSQL ( 3 ) prototype.js ( 17 ) ROBOT ( 1 ) RSSリーダー ( 14 ) Ruby on Rails ( 6 ) Spry ( 6 ) SQLite ( 9 ) SQLiteWorker ( 2 ) ssh ( 1 ) SSI ( 2 ) SVG ( 15 ) TRON ( 1 ) Video ( 1 ) VML ( 1 ) Webサービス ( 83 ) widget ( 6 ) Wiki ( 1 ) Win ( 6 ) WSH ( 1 ) X01HT ( 28 ) XML ( 27 ) XOOPS ( 1 ) XQuery ( 2 ) XUL ( 3 ) Yahoo! UI ( 49 ) 日付入力用カレンダー ( 1 ) 『Ajax実践テクニック』 ( 1 ) 『入門 Ajax』 ( 42 ) ＷｉｎTips ( 2 ) チューニング ( 10 ) ダイナミックロード関数 ( 4 ) ライブラリ ( 44 ) レーダー雨量表示 ( 1 ) ハード ( 13 ) ペンギン ( 2 ) ブラウザ ( 47 ) ブログでBBS ( 1 ) アクセスグラフ ( 3 ) カレンダーによる日付入力スクリプト ( 2 ) クロスブラウザ ( 10 ) クロスブラウザ関数 ( 7 ) スマートフォン ( 7 ) セキュリティ ( 82 ) ソフトイーサ ( 1 ) マッシュアップ ( 20 ) 暗号 ( 4 ) 映画 ( 41 ) 河川の水位グラフ ( 3 ) 回線 ( 2 ) 開発ツール ( 10 ) 牛久大仏 ( 7 ) 携帯 ( 94 ) 言語 ( 12 ) 故障 ( 1 ) 洪水警報システム ( 2 ) 今日のひと言 ( 2 ) 仕様 ( 28 ) 雑談 ( 171 ) 書籍 ( 15 ) 親子ウインドウ有無の確認関数 ( 3 ) 新海誠 ( 3 )
【VML このページ内へのリンク】
【Ajax】ブラウザ上でお絵かき

[ VML ]

このカテゴリーをyour [my del.icio.us]へ追加

2005年09月28日

【Ajax】ブラウザ上でお絵かき ()

【Ajax 】 , SVG 】 , VML 】

ブラウザ上でお絵かき
http://www.ne.jp/asahi/nanto/moon/2005/09/27/canvas.html
http://nanto.asablo.jp/blog/2005/09/27/89628

VML バックエンド　HTML Canvasバックエンド 　SVG Tiny バックエンド　CSS Positioning バックエンドといったモードで動作していて芸が細かいですねー。ラインセンスは修正 BSD ライセンス。

書いてあったテストソースを試してみました。
テストhttp://jsgt.org/mt/01/test/dc/test.htm　

おおっ、感動!

Win IE6 , Opera8.01 ,FireFox1.02
Mac Safari 1.25
で動作確認OK

<script src="./drawingcanvas.js" type=text/javascript></script> <script src="./dynamiccanvas.js" type=text/javascript></script> <body> <div id=canvasparent></div> <script> var canvas = new DrawingCanvas( document.getElementById('canvasParent') , 200, 200); canvas.setBgColor("#fff"); canvas.setLineColor("#000"); canvas.setLineWidth(5); canvas.startLine(10, 10); canvas.lineTo(50, 50); canvas.lineTo(50, 10); canvas.lineTo(10, 10); canvas.endLine(); </script> </body>
#JavaScriptによるクロスブラウザなベクターグラフィックライブラリ と呼ぶべきかも、、、
投稿者 tato : 19:48 | トラックバック (0)