作者blackbing (blackbing)
站内Web_Design
标题[讨论] canvas
时间Thu Jun 28 23:36:55 2007
其实应该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
1F:推 banco:good~~ 为什麽那个3D demo 不能开枪 XD 06/29 01:17