先给个效果图,我画的比较丑,大家可以自己美化一下,
直接上代码:
您的浏览器不支持canvas
//获取画布
var clock=document.getElementById('clock');
//设置绘图环境
...
分类:
Web程序 时间:
2014-07-22 23:05:13
阅读次数:
426
LocalStorage,即"Web存储",某些浏览器供应商也叫"本地存储"、"DOM存储",原本作为HTML5标准的一部分,后来因为某些原因被抽离出来作为单独的WEB应用标准。localStorage提供了一种方式,让Web页面在客户端浏览器中以键值对的形式存储本地字符串数据,无论是用户是离开.....
分类:
其他好文 时间:
2014-05-05 23:04:33
阅读次数:
361
Bootstrap学习者要具备的一些要求:【1】xhtml常用标签的基础知识【2】xhtml+css布局的基础知识【3】html5+css3的基础知识======================================必备的软件:【1】手写代码-----Dreamweaver、notepad...
分类:
其他好文 时间:
2014-05-02 17:20:19
阅读次数:
468
关于运动速度的参数与真实速度有点差距,大家可以自行调整
地球绕着太阳转,月球绕着地球转
您的浏览器不支持canvas
//获取画布
var canvas=document.getElementById('canvas');
//获取绘图环境
var cxt=canv...
分类:
Web程序 时间:
2014-05-02 06:41:22
阅读次数:
347
虽然媒体元素可以实现音频和视频功能,但是并不是所有浏览器都支持video标签和audio标签的所有编解码器,这意味着开发人员必须提供很多歌媒体来源。在JavaScript API中能够检测浏览器是否支持某种格式和编解码器。这两个媒体元素都有一个canPlayType()方法,该方法接收一种格式/编解码器字符串,返回”probably”、”maybe”...
分类:
Web程序 时间:
2014-05-01 21:55:05
阅读次数:
408
1.使用strokeRect和fillRect方法绘制矩形
a.strokeRect是绘制一个不填充的矩形 b.fillRect是绘制一个填充的矩形 代码: 效果如图: 2.通过lineTo绘制矩形 效果图如下:
分类:
Web程序 时间:
2014-05-01 20:00:07
阅读次数:
427
在canvas中使用颜色和透明度,通过context的strokeStyle和fillStyle属性设置,strokeStyle和fillStyle的值可以是任意有效的css颜色字串。可以用RGB、RGBA、HSL、HSLA以及十六进制RGB标注来指定颜色,也可以通过
“yellow”、“sil.....
分类:
Web程序 时间:
2014-05-01 19:53:35
阅读次数:
548
在html5中可以使用canvas标签在画布上画图,先直接上代码,这篇文章先简单介绍一下canvas的使用方法,简单画几个圆,矩形,三角形,写字。
在代码中均给出了注释,在这里特别强调的一点是:使用canvas画图时有时候必须beginPath和colsePath,但有时不需要,为了防止出现问题,可以在每次重新画一个图时重新开启路径,画完后关闭路径。
这些代码是在猎豹浏览器上实现的,有些浏览器...
分类:
Web程序 时间:
2014-04-29 13:14:21
阅读次数:
319