印象笔记链接地址：点我查看 遇到问题不断更新中…… [转载请注明出处-HTML5自由者]
分类：
编程语言 时间：
2016-02-22 10:20:45
阅读次数：
150
实现效果如下：
HTML结构代码：
CSS代码：
/*表单开关样式*/
.ui-switch {
position: absolute;
font-size: .16rem;
right:0.07rem;
top: 50%;
...
分类：
Web程序 时间：
2015-08-17 14:08:10
阅读次数：
224
clearRect（）是用来清除画布的一个矩形。
var canvas = document.getElementById("ex1");
var context = canvas.getContext("2d");
context.fillStyle = "#ff0000";
context.fillRect(10,10, 100,100);
context.strokeStyle ...
分类：
Web程序 时间：
2015-08-06 15:05:32
阅读次数：
155
HTML5的画布路径是一系列的点与点之间的绘图指令。例如，一系列的点用线在它们之间，或者与它们之间的电弧。
路径用来绘制多种类型的形状（线，圆，多边形等）的HTML5画布上的，所以要理解这个核心概念是很重要的。
开始和关闭路径
路径开始和结束时使用的2D上下文函数调用beginPath（）和closePath（） ，就像这样：
var canvas = document.getEle...
分类：
Web程序 时间：
2015-08-06 15:03:27
阅读次数：
153
HTML5自由者 SVG画圆形进度条
#svgForStroke {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
stroke-d...
分类：
其他好文 时间：
2015-06-21 18:33:22
阅读次数：
279
<!DOCTYPE html
如何用HTML5的FileReader生成Data Url
function buildDataUrl(source) {
var file = source.files[0];
...
分类：
数据库 时间：
2015-06-20 18:28:54
阅读次数：
832
不用js也能控制第让他控制第几行省略：
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;...
分类：
Web程序 时间：
2015-06-20 18:28:51
阅读次数：
186
CSS 实现元素背景渐变
.demo {
width:100%;
height:200px;
border:solid 1px #213c7c;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#80c1e7), to(#213c7c));
background: -...
分类：
其他好文 时间：
2015-06-20 18:28:05
阅读次数：
128
印象笔记链接地址：点我查看 遇到问题不断更新中…… [转载请注明出处-HTML5自由者]
分类：
编程语言 时间：
2014-11-06 19:50:22
阅读次数：
213
