Symbol-CSDN博客

原创 canvas标签应用简单俄罗斯方块游戏的实现

function BackGround() { var init = function() { var obj = document.getElementById("Tetris_canvas"); var cxt = obj.getContext("2d");

2012-08-22 16:36:09 1313

原创 canvas标签应用简单"贪吃蛇"游戏

var foods = new Array(); //存放食物坐标 var g_nStopFlag = 0; function node(x,y,w) { var _this = this; this.x = x this.y = y; this.w

2012-08-21 16:13:52 1479

原创 HTML5学习(7) form及input新属性

<!--新的 input 属性： autocomplete 自动完成 autofocus

2012-08-20 16:23:58 1961

原创 HTML5学习(6) 表单元素

Webpage: Username: Encryption: 使用 output 元素的简易计算器： + = function resCalc() { numA=do

2012-08-20 16:03:19 822

原创 HTML5学习(5) 新增input type

E-mail: Homepage: Points: search: <!-- date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间（小时和分钟）

2012-08-20 15:51:21 826

原创 HTML5学习(4) 数据的存储(localStorage,sessionStorage)

设local值取local值设session值取session值 function SetLocal() { localStorage.value = document.getElementById("input_1").value; } function GetLocal() { if (loc

2012-08-20 15:30:01 451

原创 HTML5学习(3) SVG的学习及应用六路径(复杂图形的实现)

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg"><path d="M15

2012-08-20 15:04:39 1333

原创 HTML5学习(3) SVG的学习及应用五多点连线

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">多点连线

2012-08-20 14:44:01 2274

原创 HTML5学习(3) SVG的学习及应用四多边形

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 多边形: 标签: 属性:points 多个点的x,y坐标组合

2012-08-20 14:39:13 615

原创 HTML5学习(3) SVG的学习及应用三线条

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">线条: 标签: 属性: 起点坐标:x1,y1 终点

2012-08-20 14:32:41 1130

原创 HTML5学习(3) SVG的学习及应用二(椭圆)

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">

2012-08-20 14:29:30 821

原创 HTML5学习(3) SVG的学习及应用一矩形及圆

心得: 矩形的属性有:width,heigth,x,y,style,rx,ry 矩形的样式有:fill,stroke,stroke-width,fill-opacity,stroke-opacity,opacity 圆的属性有:cx,cy,r,stroke,stroke-width,fill ,opa

2012-08-20 14:11:32 346

原创 HTML学习(2) canvas标签的使用五

var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); var grd=cxt.createLinearGradient(0,0,200,200); grd.addColorSt

2012-08-17 16:23:29 363

原创 HTML5学习(2) canvas标签的使用四

var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.fillStyle = "#FF0000"; cxt.beginPath(); cxt.arc(70,18,15,0,M

2012-08-17 16:10:54 1009

原创 HTML5学习(2) canvas标签的使用三

var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.moveTo(20,20); cxt.lineTo(180,180); cxt.lineTo(20,180); cxt

2012-08-17 15:46:17 1170

原创 HTML5学习(2) canvas标签的使用二

function GetXY(e) { x=e.clientX; y=e.clientY; document.getElementById("myCanvas").title=""+x + "," + y; } function ClearXY() {

2012-08-17 15:37:42 852

原创 HTML5学习(2) canvas的使用一

声明:以下内容均是本人参照W3school教程编写. var obj = document.getElementById("myCanvas"); var cxt = obj.getContext("2d"); cxt.fillStyle="#FF0000";

2012-08-17 15:22:14 443

原创 HTML5学习(1) 模块拖动

//HTML5声明 .parent{ //父容器CSS float:left; width:200px; height:200px; background-color:#fff; border:3px solid rgb(0,255,0); } #test{ //拖动模块

2012-08-17 14:50:05 1093

wcf_szkingdom的专栏