<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>画布（Canvas）-太极图 测试</title>
</head>
<body>
<h2>画布（Canvas）-太极图 测试</h2> [阅读全文]
Html5 画布 Canvas 太极图
分类：Html5
Html5 进度条 progress
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>进度条（progress）测试</title>
</head>
<body>
<h2>进度条（progress）测试</h2>
< [阅读全文]
Html5 SVG 可伸缩矢量图形 Scalable Vector Graphics
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SVG 可伸缩矢量图形 Scalable Vector Graphics</title>
</head>
<body>
<svg width="200" h [阅读全文]
Html5 Web Workers
1、worker.js
var i = 0;
function timeCount(){
i = i + 1;
postMessage(i); //postMessage是Worker对象的方法，用于向html页面回传一段消息
setTimeout("timeCount()",500); //定时任务
}
timeCount(); //加1计数，每500毫秒调用一次
2、webworkers.html
<!DOCTYPE html>
<h [阅读全文]
Html5 画布 Canvas
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>画布（Canvas）测试</title>
</head>
<body>
<h2>画布（Canvas）测试</h2>
<canva [阅读全文]
Html5 拖放 Drag Drop
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>拖放（Drag 和 Drop）测试</title>
<style type="text/css">
#div1, #div2 {float:left; width:240px; [阅读全文]
Html5 输入框的自动下拉提示 datalist
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>datalist</title>
</head>
<body>
<p>
输入框的自动下拉提示：<input list="words"> [阅读全文]
关于C# Fleck和Html5实现WebSocket
1、下载Fleck。
https://github.com/statianzo/Fleck
2、把Fleck拖入项目工程。
3、测试代码。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Fleck;
namespace fleck
{
class [阅读全文]
关于Java Tomcat和Html5实现WebSocket
1、Java8+Tomcat8。
package com.ssm.cts.websocket;
import javax.websocket.CloseReason;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket. [阅读全文]
Html5 localStorage本地存储
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Storage测试</title>
</head>
<body>
<h2>Storage测试</h2>
<input type= [阅读全文]