实现效果如下：
HTML结构代码：
CSS代码：
/*表单开关样式*/
.ui-switch {
position: absolute;
font-size: .16rem;
right:0.07rem;
top: 50%;
...
分类：
Web程序 时间：
2015-08-17 14:08:10
阅读次数：
224
每当一个HTML5画布上绘制形状，有两个属性，你需要设置：
1、Stroke
2、Fill
笔触和填充决定的形状如何绘制。Stroke（笔触）是一个形状的轮廓。Fill（填充）是在形状内部的内容。
下面这图是绘制了一个蓝色外轮廓和绿色填充的矩形（实际上是两个矩形）：
下面试实现的代码：
// 1. wait for the page to be fully loaded...
分类：
Web程序 时间：
2015-08-06 15:07:07
阅读次数：
185
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
首先看下个人的笔记：点击我
兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能
加载JQuery库和zclip插件
script type="text/javascript" src="js/jquery-1.8.1.min.js">script>
script src="js/jquery.zclip.min...
分类：
其他好文 时间：
2014-09-25 20:22:27
阅读次数：
155
canvas
① 主要作用：绘制矢量图
② 矢量图图形（路径）-（ILL） 位图图像（像素点）- PS中图像都是位图
③ Canvas 能够制作动画,但是不是为了制作动画而生的也能够制作游戏。主要为了绘图而生。
④ 能够设置宽高 推荐样式写在style；Canvas 相当于是一个绘制图形的容器，并没有绘制功能，需要借助JS（脚本）实现绘制功能...
分类：
Web程序 时间：
2014-06-19 11:07:46
阅读次数：
410
