- 博客(6)
- 收藏
- 关注
RSS订阅原创 HTML5 Canvas 绘制路径实例
最近由于各种原因，疯狂的迷恋上了HTML5，然后呢，以书本为例，自己整理出来了一些例子，当做是对自己学习的总结绘制路径//绘制火柴人var canvas = document.querySelector('canvas'), ctx = canvas.getContext('2d');//绘制头部ctx.beginPath();//开始新的路径ctx.ar
2012-06-14 10:39:36
821
原创 HTML5 Canvas绘制渐变（二）
绘制渐变//绘制径向渐变gradient = ctx.createRadialGradient(canvas.width/2, canvas.height/2, 0, canvas.width/2, canvas.height/2, 150);gradient.addColorStop(0, '#eee');gradient.addColorStop(1, '#
2012-06-13 15:43:09
339
原创 HTML5 Canvas绘制渐变（一）
绘制渐变//绘制渐变和模式(线性渐变)var canvas = document.querySelector('canvas'), ctx = canvas.getContext('2d');gradient = ctx.createLinearGradient(0, 0, 0, canvas.height);gradient.addColorStop(0, '#fff');
2012-06-13 15:34:19
472
原创 修改input输入框的type属性
前几天，公司网站的登录页面要求要有一个效果：文本框内，当鼠标点击后，里面默认的文字消失；当鼠标焦点失去时，文字出现。原本以为自己找的这段控件对Password是有用的，可是发现IE8及以下的浏览器不兼容可是呢，他们又要求要有这种效果，没办法，只有继续找资料了，终于发现，原来IE浏览器中，是不识别对input的type属性直接修改的，它是一个只读的类型。后来辗转查找，终于找到了解决办法，于是就拿
2012-06-04 11:32:10
1921
原创 HTML5立方体
立方体*{ margin:0px; padding:0px;}body{font-size:12px; background:#ccc;}.box{ position:relative; left:500px; top:300px;}.box .inBox{ height:200px; width:200px;background:rgba(255,255,255,0.2);
2012-05-09 11:43:23
1115
原创 css3 ——text-shadow使用阴影叠加出的燃烧的文字特效
text-shadowbody { background:#000;}p { text-align:center; padding:24px; margin:0; font-family:Arial,Helvetica, sans-serif; font-size:80px; font-weight:bold;color:#000;text-shadow:0 0 4px white
2012-05-04 15:18:15
2158
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人