1.Canvas 是甚么?
下面网址可以找到html5 Canvas的完整定义
http://www.whatwg.org/specs/web-apps/current-work/#the-canvas
现在Firefox 2,safari 都直接支持Canvas,IE 需要一个ExCanvas 的js代码库转换。
下面网址可以找到 ExCanvas[此js库尚未提供对arcto(),clip()的支持,因此基于其上的各种chart组件天然的不能生成pie图]
http://excanvas.sourceforge.net/
Mozilla的Canvas入门
http://developer.mozilla.org/en/docs/Category:HTML:Canvas
Mininova的Canvas入门
http://labs.mininova.org/canvas/
2.Canvas 能做甚么?
(1)Msx模拟器
It emulates the underlying Z80 CPU, TMS9918 Video Display Processor (VDP), PPI, RAM slots and Megaram. In its present form, it should be able to run any program or game developed for MSX 1.0.
用js模拟Z80等硬件,读取rom信息,无声游戏
http://jsmsxdemo.googlepages.com/jsmsx.html
(2)Painter
假如性能允许,发展成Web photo也是可能的事情。
http://caimansys.com/painter/index.html
(3)效果
水波纹
http://timelessname.com/canvas/experiment01/
某个模糊理论视觉模型
http://timelessname.com/canvas/experiment02/
(4)3D
多面体
http://www.polyhedra.org/poly/
3D地图
Mozilla的例子,RayCaster 就是一个。
Canvascape – 3D walker,比上面例子更完善些,还提供纹理贴图功能
一个类似CS的界面
http://www.abrahamjoffe.com.au/ben/canvascape/
(5)chart组件
成形的有 WebFx Chart,Flot等,需要可自行搜索。
3.Canvas 的发展
(1)Canvas代码转换到flash(porting canvas to flash)
http://team.mixmedia.com/index.php?title=porting_canvas_to_flash&more=1&c=1&tb=1&pb=1
(2)支持Canvas的框架
mootools支持Canvas 的调用,并有一个mocha的基于mootools的组件提供一个窗体功能。
[JQuery]HTML5的Canvas
相关推荐
- 员工考勤打卡时,如何避免非本人代替打卡? - 华为云开发者联盟 - 博客园
- Web Components从技术解析到生态应用个人心得指北 - zhoulujun - 博客园
- 【经典问题】mysql和redis数据一致性问题 - Scotyzh - 博客园
- vs出现错误,无法启动 Visual Studio。StreamJsonRpc.ConnectionLostException:在请求完成之前,与远程的JSON-RPC连接已丢失_客服专区-CSDN问答
- 【转】Chrome内核浏览器打开网页报 错误代码: ERR_TIMED_OUT - m_lm的个人空间 - OSCHINA - 中文开源技术交流社区
- ASP.NET Core WebApi配置跨域_asp.net core webapi 跨域-CSDN博客
- C# 怎么用OpenCVSharp4实现图片表格识别
- ChatGPT 本地部署及搭建_孟郎郎的博客-CSDN博客