作者fillano (冒牌费大公)
看板Web_Design
标题Re: [问题] 使用JavaScript画曲线
时间Wed Jan 24 02:30:08 2007
※ 引述《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
2F:→ alpe: 这个如何?? 01/24 09:07
3F:推 fillano:嗯嗯,我看了一下,他是用div当作pixel来做出画图的效果:) 01/24 11:15
4F:推 alpe:话说 canvas 是 javascript 2.0的东西了 01/24 11:43