Re: [問題] 使用JavaScript畫曲線

看板Web_Design作者fillano (冒牌費大公)時間19年前 (2007/01/24 02:30)推噓3(3推 0噓 1→)

留言4則, 2人參與討論串2/2 (看更多)

※ 引述《rayko (人一隻一隻人)》之銘言： : 我想要做一個能畫拋物線的Widget程式 : (小遊戲版丟雪球專用XDD) : Yahoo Widget可以支援JavaScript : 不知道JavaScript能不能畫出二次曲線 : 如果可以的話大概是哪些函數呢? : 謝謝基本上，標準的JavaScript應該是沒有繪圖函數的 Firefox1.5以上(Gecko1.8以上)支援一個特別的tag叫做<canvas>，可以用他來繪圖:) 這裡有一些連結： http://developer.mozilla.org/en/docs/Category:HTML:Canvas http://developer.mozilla.org/en/docs/Category:Canvas_tutorial http://developer.mozilla.org/en/docs/Category:Canvas_examples 有人用他做出Wolfenstein3D的效果： http://www.abrahamjoffe.com.au/ben/canvascape/textures.htm 目前應該有OSX的Safari、Opera9跟Firefox1.5支援，IE是不支援的。但是 google為了這個tag寫了一個相容的Javascript Lib，叫做：ExplorerCanvas http://excanvas.sourceforge.net/ 讓IE也可以做出類似的效果，不過速度差蠻多的（好像是把canvas轉成微軟支援的VML） <canvas>定義在WhatWG Web Application 1.0： http://www.whatwg.org/specs/web-apps/current-work/ 好像有人把這個叫做html5，不過我不熟就是了在html裡面使用這個tag，指定長寬之後，其他事情都是交給Javascript來做。前一陣子有同事在玩，所以也大致了看了一下。也不太熟就是了。如果只是要做出圖形依照拋物線移動的效果，其實透過數學函數自己寫應該也是可以的只是多少需要了解一些基本圖學的知識就是了 -- Sapere Aude! 這就是啟蒙運動的口號！ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 60.248.166.83

推

alpe

01/24 09:07, , 1^F

01/24 09:07, 1^F

→

alpe

01/24 09:07, , 2^F

01/24 09:07, 2^F

推

fillano

01/24 11:15, , 3^F

01/24 11:15, 3^F