HTML5的Canvas

简介: 关于HTML5的基础,前一二年就已经有很多人写过很好的文章了。 HTML5-Canvas 关于HTML5 Canvas的基础教程  (原文HTML5 canvas - the basics) 在一些不支持flash的设备中,如果要使用网页需要对一些图表数据进行展示,Canvas能帮上大忙。

关于HTML5的基础,前一二年就已经有很多人写过很好的文章了。

HTML5-Canvas

关于HTML5 Canvas的基础教程  (原文HTML5 canvas - the basics)

在一些不支持flash的设备中,如果要使用网页需要对一些图表数据进行展示,Canvas能帮上大忙。

比如需要将股票价格的走势支持ipad、iphone等移动设备的访问,有一个基于prototype的插件可以满足类似的需求,官网网址>>

还有一个站点,针对canvas开发的一套完整的api,也是很强劲,官网地址>>

 

尽管目前canvas只支持2d的图形,而且仅支持一种图形--矩形,但它的api是如此丰富,以致可以做出一些很吸引人的应用。

国外有一个网站,Simple 3D HTML5 canvas

有几个例子,3D效果都很逼真:

http://sebleedelisle.com/demos/canvas3d/canvas3d2.html

http://sebleedelisle.com/demos/canvas3d/canvas3d3.html

http://sebleedelisle.com/demos/canvas3d/canvas3d4.html

 

记得博客园里曾经有人出一个引力游戏PlaySpace (原文链接已经打不开了,连接是在51上发的帖子),还有人用它写了一个塔防游戏

 

不过dron,写了几个例子,我觉得是可以使用canvs去模拟的

仿 Mac Os 窗体最小化效果

任务栏水面效果

越南“摇摇”

JavaScript自画像

 

之前也在百度空间也发了一个用canvas写的“转盘”,点击在线预览示例效果:

目录
相关文章
|
2月前
|
前端开发 JavaScript API
2024 新年HTML5+Canvas制作3D烟花特效(附源码)
2024 新年HTML5+Canvas制作3D烟花特效(附源码)
50 0
|
7月前
|
移动开发 前端开发 Shell
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
|
2月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
48 0
|
1月前
|
前端开发 JavaScript 容器
编程笔记 html5&css&js 032 HTML Canvas
编程笔记 html5&css&js 032 HTML Canvas
|
3月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
127 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
|
3月前
|
存储 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)(下)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
29 0
|
3月前
|
XML 移动开发 前端开发
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)(上)
HTML新特性【HTML5内联SVG、SVG_矩形、SVG 与 Canvas两者间的区别 、HTML5_MathML 】(三)-全面详解(学习总结---从入门到深化)
29 0
|
4月前
|
移动开发 前端开发 JavaScript
HTML5新增元素之Canvas-实现太极八卦图和扇子
HTML5新增元素之Canvas-实现太极八卦图和扇子
|
7月前
|
前端开发 开发者
|
8月前
|
移动开发 JavaScript 前端开发
封装HTML5中canvas画布操作的第三方库
封装HTML5中canvas画布操作的第三方库
444 0