设为首页 加入收藏

TOP

HTML5 Canvas 画图
2014-11-24 12:53:55 来源: 作者: 【 】 浏览:0
Tags:HTML5 Canvas 画图

按照官方例子画了几个基本图形,算是对于HTML5 Canvas有所了解,但是感觉这里面数学知识太忘记了,虽然以前数学竞赛出身,但是好多年不用了,有所遗忘。


HTML5的canvas元素只是提供了一个画布,而实际的绘制工作由java script来完成。


基本HTML不说了, 也就是搭一个架子,放一个元素,然后首部引入一些java script文件,这里面每一个js文件都是一个画图的例子.


例子1:绘制矩形


画出来的结果是:



例子2:用Path来绘制一组圆形:


画出来的结果是:



】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇HTML5 多文件选择和FileList 下一篇HTML5 对于表单的增强 Demo

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容:

·C语言中如何将结构体 (2025-12-24 22:20:09)
·纯C语言结构体成员变 (2025-12-24 22:20:06)
·C语言中,指针函数和 (2025-12-24 22:20:03)
·哈希表 - 菜鸟教程 (2025-12-24 20:18:55)
·MySQL存储引擎InnoDB (2025-12-24 20:18:53)