最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
html5简单实例
时间：2022-06-25 18:26:28 编辑：袖梨 来源：一聚教程网
互联网日新月异，尤其是近一两年，各种前卫的技术开始频频出现在人们视野中，比如html5，css教程3，虽然规范仍旧在不断修订的草案中，但是已经不妨碍前卫的设计师或者前端工程师们的尝试了。企图利用这种变迁带给用户不一样的新奇体验。
其实稍微细心点看下，国外的对这两个新技术的使用已经很常见了，尤其是css3，各种圆角阴影甚至dom变换都开始用css3才完成，而在低版本的ie中采用优雅降级的处理方式。这是一个过渡阶段，总有一天，会完全过渡到那个闪耀着诱人光圈的时代。
所以，为了与时俱进，我也开始抽空余时间学习一下这两个更为强大的武器。并将陆续的将学习过程中的一些小实践分享给大家，仅仅起个抛砖引玉的作用。可能更多的是和html5相关的东东，如canvas，或者svg。因为本人是个视觉主义者，更喜欢一些有视觉冲击力的东东。
至于canvas的基本api，我就不详讲了，因为有人比我讲的更好，请参考http://dev.opera.com/articles/view/html-5-canvas-the-basics/ 或翻译版http://kb.operachina.com/node/190 。
为了使学习不那么无趣，我喜欢做一点点好玩的东西，哪怕是很简单的东东。
【以下demo请使用新版本的现代浏览器如firefox3.0+,chrome8.0+,等等查看，ie9未经测试, 看不到效果的请拷代码本地运行】
canvas math
源码就不贴了，demo比较简单，就用到了canvas的几个基本的函数，如fillrect，translate，beginpath，moveto，lineto，stroke，rotate等等，具体使用方法见上面的参考文章地址。
相关文章
- 基于Solana的Solsniper将在运营3.5年后关闭NFT市场 06-15
- 《潜水员戴夫》石纹电鳐抓捕如何 06-15
- 《差不多高手》建筑玩法详细介绍 06-15
- 《弹壳特攻队》第40关打法配置指南 06-15
- 《幻世与冒险》快速升级如何 06-15
- 《航海王壮志雄心》音效质量设置哪些方法效果更好 06-15