1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style> 8 body{ background:#fff;} 9 div{ width:800px; hei
分类：
Web程序 时间：
2016-02-02 14:41:33
阅读次数：
243
关于线条的一些属性： lineCap，这个属性表示的是线条两端的样式，值有butt(默认)/round/square。 lineJoin,这个属性表示线条相交的方式，值有miter(默认)/bevel/round； miterLimit，该属性指定默认情况下lineJoin采用miter方式的极限值
分类：
Web程序 时间：
2016-02-01 18:07:25
阅读次数：
127
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>马赛克</title> 6 <style> 7 body{background:#000;} 8 canvas{background: #f
分类：
Web程序 时间：
2016-01-30 22:17:24
阅读次数：
212
1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>倒影</title> 6 <style> 7 body{background:#000;} 8 canvas{background: #ff
分类：
Web程序 时间：
2016-01-30 22:14:35
阅读次数：
197
绘制图像： drawImage(oImg,x,y),oImg是一个Image对象，(x,y)为绘制起点，绘制的图像大小和源图大小一样。 drawImage(oImg,x,y,w,h),后两个参数设置绘制后的图形大小。 drawImage(oImg,x1,y1,w1,h1,x2,y2,w2,h2),该
分类：
Web程序 时间：
2016-01-28 18:40:15
阅读次数：
156
canvas绘制路径不仅可以绘制直线和多边形，还提供了绘制曲线的方法，利用这些方法可以画出多种曲线效果。方法1：arc(x,y,r,起始弧度,结束弧度,绘制方向);其中(x,y)为圆心坐标，r为半径，弧度计算公式：deg*Math.PI/180,绘制方向默认为false表示顺时针绘制 ，设置为tru...
分类：
Web程序 时间：
2016-01-27 12:38:46
阅读次数：
217
用html5拖拽功能实现了一个简单的购物车，样式简陋，得学学画画提高下审美了T^T： 1 2 3 4 5 购物车拖拽 6 7 24 25 105 106 107 108 109 110 111 112 113 荣耀4A114 ...
分类：
Web程序 时间：
2016-01-25 00:06:26
阅读次数：
367
触发历史管理的三种方法：跳转页面改变hash值pushState（在服务器环境下运行）用hash值来触发历史管理： 1 2 3 4 随机产生彩票号码 5 6 44 45 46 47 48 49 50 51 52 53 54 55 56 57 用pushState来触发历史管理： 1 2 ...
分类：
Web程序 时间：
2016-01-24 18:20:21
阅读次数：
201
表单控件对象的validity对象可以设置或返回相关的验证信息（在invalid事件处理中获取validity对象）：属性valid：为true所有验证通过，为False至少有一种验证失败。属性valueMissing:表单控件输入值为空时，该属性值为true；不为空时该属性值为false。属性ty...
分类：
Web程序 时间：
2016-01-24 16:56:17
阅读次数：
138
在标签中添加data-name属性并赋值，在js脚本中用ele.dataset.name就可以获取该属性的值。如：年龄如果name是用-连接的两个及以上单词来命名，那么在js中就要用驼峰式写法来获取，如：年龄
分类：
Web程序 时间：
2016-01-24 16:50:59
阅读次数：
137
