03 2016 档案

摘要:效果图: 注:本例需在服务器上运行的才能看到效果、视频文件可换成本地视频(HBuilder有集成服务器或者使用wampmanager)。 代码如下: 阅读全文
posted @ 2016-03-31 16:30 随心而动~MF 阅读(335) 评论(0) 推荐(0)
摘要:先看看下面的效果图,想想使用canvas是怎样实现的? 如下图: 这个就不详细描述了,看代码就会了。 阅读全文
posted @ 2016-03-31 15:23 随心而动~MF 阅读(796) 评论(0) 推荐(0)
摘要:不同于SVG,HTML中的元素canvas只支持一种原生的图形绘制:矩形。所有其他的图形的绘制都至少需要生成一条路径。不过,我们拥有众多路径生成的方法让复杂图形的绘制成为了可能。 canvas提供了三种方法绘制矩形 fillRect(x, y, width, height) 绘制一个填充的矩形; s 阅读全文
posted @ 2016-03-31 14:53 随心而动~MF 阅读(822) 评论(0) 推荐(0)
摘要:把最近学到的一些canvas技能全部发上来,刚开始写博客,感觉还不太习惯,不过我相信慢慢就会习惯了。不啰嗦了,把代码送上,看不懂的话可以先去学习下基础教程,把基础学好了也就能看懂了。 效果图: 阅读全文
posted @ 2016-03-23 09:44 随心而动~MF 阅读(170) 评论(0) 推荐(0)
摘要:HTML5 <canvas> 标签是用于绘制图像,不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器),必须使用脚本(通常是 JS)来完成实际的绘图任务。 <canvas>是有兼容性的,Internet Explorer 9、Firefox、Opera、Chrome 以及 Safar 阅读全文
posted @ 2016-03-23 09:26 随心而动~MF 阅读(879) 评论(0) 推荐(0)