其實應該PO在javascript/ajax版比較適合的，但是... 那邊的人數看起來好少XD 如題，Canvas主要是用來解決HTML上無法表達圖形的問題， 其實這樣的問題已經討論好久了，例如微軟有vml，但是IE only 它利用XML標籤定義各種圖形的表達方式，可以做出很多不同的圖形特效 例如：http://www.sjsu.edu/faculty/watkins/vml.htm 但......終究是IE only， 純粹利用javascript來繪圖，例如很多人推薦的 http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm 這個套件，也蠻不錯用的，但是.....還是不支援Fire fox 真是令人扼腕 在網路上搜尋好一會，發現有個令人激賞的東西出現了， 就是Canvas， http://wiki.moztw.org/index.php/%E7%94%A8_Canvas_%E7%95%AB%E5%9C%96 這東西基本上是一個新的tag，Firefox本身也直接支援這個tag 而IE雖然不支援，但只要有一個擴充的js檔就可以了 http://tinyurl.com/2qf9tp 廢話不多說，先給大家看個範例：http://caimansys.com/painter/ 另外還有這個：http://abrahamjoffe.com.au/ben/canvas/colliding_discs.html (這個連結請用flash開啟，請注意這不是flash喔) 太酷了～竟然可以在web實現這麼美妙的東西， 而且是跨瀏覽器支援， 據說這個TAG也即將納入HTML的標準之中，大家拭目以待。 其實會看到這些東西，是我在跟朋友討論到像google、urmap地圖功能 好像都沒辦法在地圖上面直接畫畫 因此我就用urmap的API 以及walterzorn裡頭的繪圖函式自己試著做了一下， 如：http://tinyurl.com/yua92m (測試而已，bug應該還蠻多的) 但會出現移動太快造成點無法連續的問題 不過這套函式庫基本上還是蠻不錯用的， 後來想利用Canvas來做到類似的效果，但是地圖與畫布 無法結合在一起，因為畫布本身是利用<canvas>標籤 以及javascript產生的，若將map放到<canvas>裡頭畫布變無法作用 如果將map的DIV重疊在一起，利用z-index來控制圖層順序， 依然無法解決，也許是canvas的問題， 不過我想canvas標籤雖然可以很彈性的解決繪圖的問題， 卻沒辦法與其他圖層結合的話，好像有點可惜， 或者是我自己的想法轉不過來， 想跟大家討論看看^^ 有興趣的朋友也可以私底下寄信給我^^ Canvas的討論國外好多，不過國內好像不太多的樣子 還有還有～Canvas還可以做3D效果喔， http://tinyurl.com/d797y 神吧～ 另外不曉得Google map的3D建模效果是怎麼做出來的 javascript真的是個很奇妙的世界^^ --

※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.127.22.18