博客园_~零度浪漫~

css 左右两栏左边固定右边自适应

2012-05-22T09:49:00Z

两个div并排，左边为绝对宽度，右边为相对宽度，这个问题，我也经常遇到，我一般的处理方法是将最大的容器padding-left固定宽度，左边的固定宽度的一块position:absolute，然后right的一块width为百分百

今天学习到人家有三种解决方法，转载过来

两个div并排，很容易实现。如何让左边的div为固定宽度，右边的div为相对宽度呢？需要用到这种布局的情况比较多见，如左边为导航，右边为内容的页面。暂时想到了两种实现办法。

方法一，使用position:absolute。代码如下。
<style>
body{ margin:0; height:100%}
html{ height:100%} /*兼容firefox的div高度100%*/
#left{ position:absolute; top:0; left:0; width:200px; height:100%; background-color:#CCCCCC}
#right{ margin-left:200px; height:100%; background-color:#0099FF}
</style>
<div id="left">left</div>
<div id="right">right</div>

这段代码主要涉及到以下两点点比较重要的：
（1）兼容firefox实现div高度100%；
（2）div绝对定位的妙用；在页面布局的时候，position:absolute如果灵活的应用，可以达到很好的效果。

方法二 使用float解决div左右布局，左为绝对宽度，右为相对宽度问题
<style type="text/css">
body{ margin:0; height:100% }
html{ height:100% }
#left{ width:150px; height:100%; float:left; _margin-right:-3px; background-color: yellow }
#main{ height:100%; background-color: green }
</style>

方法三，代码如下。方法二可能没有按照题目要求，但是可以达到一样的页面效果。主要是使用了div的float属性。
<style>
body{ margin:0; height:100%}
html{ height:100%} /*兼容firefox的div高度100%*/
#left{ width:200px; height:100%; background-color:#CCCCCC; float:left}
#main{ width:100%; height:100%; background-color:#0099FF}
</style>
<div id="main">
<div id="left">left</div>
Right
</div>

本文链接

Oracle 执行长SQL

2012-04-19T11:40:00Z

遇到非常长的SQL语句无法执行该怎么办呢？看下面的解决办法：

/*-----------------------------------
|执行长SQL，如参数、值非常大
----------------------------------------*/
CREATE OR REPLACE PROCEDURE SP_EXECUTELOG(SSQL IN VARCHAR2, SLONG IN CLOB) IS
BEGIN
EXECUTE IMMEDIATE SSQL
USING SLONG;
COMMIT;
END SP_EXECUTELOG;

--使用方式
CREATE TABLE TEMPTABLE
(
ID NUMBER,
STR CLOB
)

--------------示例1，普通方式----------------------------
BEGIN
SP_EXECUTELOG('INSERT INTO TEMPTABLE(ID,STR) VALUES(1,:STR)',TO_CLOB('14'));
END;

--------------示例2，引号嵌套类型----------------------------
DECLARE
SQLSTR VARCHAR2(32767):='UPDATE T_TABLE
SET INETWORKTYPE_ID = 1,
SWHERERULES_CN = '''',
IUSERID = 2804,
DUPDATEDATE = TO_DATE(''2012-04-19'', ''YYYY-MM-DD''),
SPERFTYPE = ''PERF_GSMCELL'',
SSQL = :STR
WHERE STEMPLATEID = ''37606''';
VAL CLOB:=TO_CLOB('SELECT TO_CHAR(DDATE, '''' YYYY '''') Y
FROM TABLE
WHERE DDATE >= (SYSDATE - INTERVAL '''' 1 '''' YEAR)');

BEGIN
SP_EXECUTELOG(SQLSTR,VAL);
END;

本文链接

MyEclipse 批量更新编码集

2012-04-17T01:21:00Z

经常遇到导入项目之后js文件或者class文件中中文乱码的现象，经过尝试比较好的办法为：选择项目，选择菜单Window-Preferences-General-Content Types，

找到相应的乱码文件类型，更改编码集之后进行Update，如图：

本文链接

Oracle 游标基础

2012-04-16T04:46:00Z

　游标是什么:

游标字面理解就是游动的光标。

用数据库语言来描述:游标是映射在结果集中一行数据上的位置实体，有了游标用户就可以访问结果集中的任意一行数据了，将游标放置到某行后，即可对该行数据进行操作，例如提取当前行的数据等等。

游标的分类:

显式游标和隐式游标

显示游标的使用需要4步:

1.声明游标

CURSOR mycur(vartype number) is

select emp_no,emp_zc from cus_emp_basic

where com_no = vartype;

2.打开游标

open mycur(000627) 注:000627:参数

3.读取数据

fetch mycur into varno,varprice;

4.关闭游标

close mycur;

游标的属性：

oracle 游标有4个属性: %ISOPEN ， %FOUND ， %NOTFOUND， %ROWCOUNT

%ISOPEN 判断游标是否被打开，如果打开%ISOPEN 等于true,否则等于false

%FOUND %NOTFOUND 判断游标所在的行是否有效，如果有效，则%FOUNDD等于true，否则等于false

%ROWCOUNT 返回当前位置为止游标读取的记录行数。

Oracle游标循环
第一种使用loop 循环
open c_postype;
loop
   fetch c_postype into v_postype,v_description ;
         exit when c_postype%notfound;
         ……
end loop
colse c_postype;
这里需要注意，exit when语句一定要紧跟在fetch之后。必避免多余的数据处理。
处理逻辑需要跟在exit when之后。这一点需要多加小心。
循环结束后要记得关闭游标。

第二种使用while循环。

open c_postype;

     fetch c_postype into v_postype,v_description;
     while c_postype%found loop
              ……
              fetch c_postype into v_postype,v_description ;
      end loop;
close c_postype;

我们知道了一个游标打开后，必须执行一次fetch语句，游标的属性才会起作用。所以使用while 循环时，就需要在循环之前进行一次fetch动作。
而且数据处理动作必须放在循环体内的fetch方法之前。循环体内的fetch方法要放在最后。否则就会多处理一次。这一点也要非常的小心。
总之，使用while来循环处理游标是最复杂的方法。

第三种 for循环

for v_pos in c_postype loop
v_postype := v_pos.pos_type;
v_description := v_pos.description;
   …
end loop;
可见for循环是比较简单实用的方法。
首先，它会自动open和close游标。解决了你忘记打开或关闭游标的烦恼。
其它,自动定义了一个记录类型及声明该类型的变量，并自动fetch数据到这个变量中。
我们需要注意v_pos 这个变量无需要在循环外进行声明，无需要为其指定数据类型。
它应该是一个记录类型，具体的结构是由游标决定的。
这个变量的作用域仅仅是在循环体内。
把v_pos看作一个记录变量就可以了，如果要获得某一个值就像调用记录一样就可以了。
如v_pos.pos_type
由此可见，for循环是用来循环游标的最好方法。高效，简洁，安全。
但遗憾的是，常常见到的却是第一种方法。所以从今之后得改变这个习惯了。

综合示例1

declare
cursor goods_cursor --创建游标
is
select * from goods where goodsid < 5;
type goods_tab is table of goods%rowtype; --声明索引表数据类型
cur_goods_cursor goods_tab; --声明循环变量

begin
open goods_cursor;
loop
fetch goods_cursor bulk collect into cur_goods_cursor limit 3;--取三条到索引表
for i in 1..cur_goods_cursor.count loop --循环索引表
dbms_output.put_line(cur_goods_cursor(i).goodsid||'-'||cur_goods_cursor(i).goodsname||'-'||cur_goods_cursor(i).remark);
end loop;
exit when goods_cursor%notfound;
end loop;
close goods_cursor;
end;

综合示例2

create or replace procedure SP_TestDemo is
temp VARCHAR2(200);
CURSOR C_USER IS
SELECT OSNAME FROM tbaccessos;
begin
OPEN C_USER;
LOOP
FETCH C_USER
INTO temp;
if C_USER%NOTFOUND then
dbms_output.put_line('游标中已经没有数据');
else
dbms_output.put_line('第' || C_USER%rowcount || '条数据输出完毕');
end if;
EXIT when C_USER%NOTFOUND;
dbms_output.put_line(temp ||chr(13));
END LOOP;
CLOSE C_USER;
end;

本文链接

windows xp 系统CMD命令大全

2012-01-17T06:30:00Z

appwiz.cpl------------添加删除程序
control userpasswords2--------用户帐户设置
cleanmgr-------垃圾整理
CMD--------------命令提示符可以当作是 Windows 的一个附件，Ping，Convert 这些不能在图形环境下使用的功能要借助它来完成。
cmd------jview察看Java虚拟机版本。
command.com------调用的则是系统内置的 NTVDM，一个 DOS虚拟机。它完全是一个类似 Virtual PC 的虚拟环境，和系统本身联系不大。当我们在命令提示符下运行 DOS 程序时，实际上也是自动转移到 NTVDM虚拟机下，和 CMD 本身没什么关系。
calc-----------启动计算器
chkdsk.exe-----Chkdsk磁盘检查
compmgmt.msc---计算机管理
conf-----------启动 netmeeting
control userpasswords2-----User Account 权限设置
devmgmt.msc--- 设备管理器
diskmgmt.msc---磁盘管理实用程序
dfrg.msc-------磁盘碎片整理程序
drwtsn32------ 系统医生
dvdplay--------启动Media Player
dxdiag-----------DirectX Diagnostic Tool
gpedit.msc-------组策略编辑器
gpupdate /target:computer /force 强制刷新组策略
eventvwr.exe-----事件查看器
explorer-------打开资源管理器
logoff---------注销命令
lusrmgr.msc----本机用户和组
msinfo32---------系统信息
msconfig---------系统配置实用程序
net start (servicename)----启动该服务
net stop (servicename)-----停止该服务
notepad--------打开记事本
nusrmgr.cpl-------同control userpasswords，打开用户帐户控制面板
Nslookup-------IP地址侦测器
oobe/msoobe /a----检查XP是否激活
perfmon.msc----计算机性能监测程序
progman--------程序管理器
regedit----------注册表编辑器
regedt32-------注册表编辑器
regsvr32 /u *.dll----停止dll文件运行
route print------查看路由表
rononce -p ----15秒关机
rsop.msc-------组策略结果集
rundll32.exe rundll32.exe %Systemroot%System32shimgvw.dll,ImageView_Fullscreen----启动一个空白的Windows 图片和传真查看器
secpol.msc--------本地安全策略
services.msc---本地服务设置
sfc /scannow-----启动系统文件检查器
sndrec32-------录音机
taskmgr-----任务管理器（适用于2000／xp／2003）
tsshutdn-------60秒倒计时关机命令
winchat--------XP自带局域网聊天
winmsd---------系统信息
winver-----显示About Windows 窗口
wupdmgr-----------Windows Update
winver---------检查Windows版本
wmimgmt.msc----打开windows管理体系结构(WMI)
wupdmgr--------windows更新程序
wscript--------windows脚本宿主设置
write----------写字板
winmsd---------系统信息
wiaacmgr-------扫描仪和照相机向导
winchat--------XP自带局域网聊天
mem.exe--------显示内存使用情况
Msconfig.exe---系统配置实用程序
mplayer2-------简易widnows media player
mspaint--------画图板
mstsc----------远程桌面连接
mplayer2-------媒体播放机
magnify--------放大镜实用程序
mmc------------打开控制台
mobsync--------同步命令
dxdiag---------检查DirectX信息
drwtsn32------ 系统医生
devmgmt.msc--- 设备管理器
dfrg.msc-------磁盘碎片整理程序
diskmgmt.msc---磁盘管理实用程序
dcomcnfg-------打开系统组件服务
ddeshare-------打开DDE共享设置
dvdplay--------DVD播放器
net stop messenger-----停止信使服务
net start messenger----开始信使服务
notepad--------打开记事本
nslookup-------网络管理的工具向导
ntbackup-------系统备份和还原
narrator-------屏幕“讲述人”
ntmsmgr.msc----移动存储管理器
ntmsoprq.msc---移动存储管理员操作请求
netstat -an----(TC)命令检查接口
syncapp--------创建一个公文包
sysedit--------系统配置编辑器
sigverif-------文件签名验证程序
sndrec32-------录音机
shrpubw--------创建共享文件夹
secpol.msc-----本地安全策略
syskey---------系统加密，一旦加密就不能解开，保护windows xp系统的双重密码
services.msc---本地服务设置
Sndvol32-------音量控制程序
sfc.exe--------系统文件检查器
sfc /scannow---windows文件保护
tsshutdn-------60秒倒计时关机命令
tourstart------xp简介（安装完成后出现的漫游xp程序）
taskmgr--------任务管理器
eventvwr-------事件查看器
eudcedit-------造字程序
explorer-------打开资源管理器
packager-------对象包装程序
perfmon.msc----计算机性能监测程序
progman--------程序管理器
regedit.exe----注册表
rsop.msc-------组策略结果集
regedt32-------注册表编辑器
rononce -p ----15秒关机
regsvr32 /u *.dll----停止dll文件运行
regsvr32 /u zipfldr.dll------取消ZIP支持
cmd.exe--------CMD命令提示符
chkdsk.exe-----Chkdsk磁盘检查
certmgr.msc----证书管理实用程序
calc-----------启动计算器
charmap--------启动字符映射表
cliconfg-------SQL SERVER 客户端网络实用程序
Clipbrd--------剪贴板查看器
conf-----------启动netmeeting
compmgmt.msc---计算机管理
cleanmgr-------垃圾整理
ciadv.msc------索引服务程序
osk------------打开屏幕键盘
odbcad32-------ODBC数据源管理器
oobe/msoobe /a----检查XP是否激活
lusrmgr.msc----本机用户和组
logoff---------注销命令
iexpress-------木马捆绑工具，系统自带
Nslookup-------IP地址侦测器 ipconfig /all
fsmgmt.msc-----共享文件夹管理器
utilman--------辅助工具管理器
gpedit.msc-----组策略

命令行解释器是一个单独的软件程序，它可以在用户和操作系统之间提供直接的通讯。非图形命令行解释器用户界面提供运行基于字符的应用程序和实用程序的环境。
通过使用类似于 MS-DOS 命令解释程序 Command.com 的单独字符，命令行解释器执行程序并在屏幕上显示其输出。Windows OS操作系统命令行解释器使用命令解释程序 Cmd.exe（该程序加载应用程序并指导应用程序之间的信息流动）将用户输入转换为操作系统可理解的形式。
在CMD中进行进程管理和服务管理的工具有以下几种：
At
Lodctr
Net 服务命令
Perfmon
Sc
Schtasks
Shutdown
Systeminfo
Taskkill
Tasklist
Unlodctr

本文链接

Java C格式输入利用printf函数

2011-12-29T10:16:00Z

我们在利用System.out.print和System.out.println时，常常苦于它没有输出格式而编写复杂的代码，甚至利用TextFormat等格式输出类，其实这些都不需要，java有自己的格式化输入方法，完全可以媲美C的格式输入。它就是System.out.printf函数。
例如：我们用
System.out.printf("打印从%3d到%3d整数\n", 1, 100);
运行后的输出结果是：
打印从 1到100整数

上面的%3d表示输入整数，并且至少补齐3位。

System.out.printf具体的使用方法有：
System.out.printf("%f",d);      //"f"表示格式化输出浮点数。
System.out.printf("%9.2f",d);   //"9.2"中的9表示输出的长度，2表示小数点后的位数。
System.out.printf("%+9.2f",d); //"+"表示输出的数带正负号。
System.out.printf("%-9.4f",d); //"-"表示输出的数左对齐（默认为右对齐）。
System.out.printf("%+-9.3f",d); //"+-"表示输出的数带正负号且左对齐。
System.out.printf("%d",i);      //"d"表示输出十进制整数。
System.out.printf("%6d",i);     //表示输入十进制整数，并且至少补齐6位。
System.out.printf("%o",i);      //"o"表示输出八进制整数。
System.out.printf("%x",i);      //"x"表示输出十六进制整数。
System.out.printf("%#x",i);     //"x"表示输出带有十六进制标志的整数。
System.out.printf("%s",s);      //"s"表示输出字符串。

文章地址：http://javapub.iteye.com/blog/719865

本文链接

HTML5中的Canvas（颜色）【转载】

2011-11-24T08:14:00Z

原文：http://eyehere.net/2011/html5-canvas-color/

这一次讲解Canvas中的颜色应用，同时Canvas中的颜色还能带透明，太酷了~~

指定颜色

现在为止我们画的图形都是黑色的，这是Canvas绘制的默认色彩，要想换一种颜色的话，就得在实际画之前指定颜色。

ctx.strokeStyle = color

——　指定绘制线的颜色

ctx.fillStyle = color

——　指定填充的颜色

来看看实际的例子：

onload = function() { 
  draw(); 
}; 
function draw() { 
  var canvas = document.getElementById('c1'); 
  if ( ! canvas || ! canvas.getContext ) { return false; } 
  var ctx = canvas.getContext('2d'); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(192, 80, 77)'; // 红 
  ctx.arc(70, 45, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(155, 187, 89)'; // 绿 
  ctx.arc(45, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(128, 100, 162)'; // 紫 
  ctx.arc(95, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
}

效果如下图：

指定透明度

和普通的CSS中一样，我们指定颜色的时候还可以带一个alpha值（不过用的不多，IE9之前都不支持）。看代码：

onload = function() { 
  draw(); 
}; 
function draw() { 
  var canvas = document.getElementById('c1'); 
  if ( ! canvas || ! canvas.getContext ) { return false; } 
  var ctx = canvas.getContext('2d'); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgba(192, 80, 77, 0.7)'; // 
  ctx.arc(70, 45, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgba(155, 187, 89, 0.7)'; // 
  ctx.arc(45, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgba(128, 100, 162, 0.7)'; // 
  ctx.arc(95, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
}

结果就是下面这样：

和上面的代码基本没变化，就是把rgb(r, g, b)变成了rgba(r, g, b, a)而已，a的值也是0~1，0表示完全透明，1则是完全不透明（所以alpha的值实际上是“不透明度”）。

全局透明度

上面我们给每一个圆加了0.7的alpha值，不过我们每个圆的alpha都是一样的，每个都写一遍未免有些麻烦（说是我没觉得麻烦……只不过不这么说就没法引出这个新功能啊：）

ctx.globalAlpha = alpha

这个参数指定了全局的alpha值，这么设定之后，所有画的图案都会有这么点的透明，除非你又特别指定了。所以把我们的第一个例子稍微改一下：

onload = function() { 
  draw(); 
}; 
function draw() { 
  var canvas = document.getElementById('c1'); 
  if ( ! canvas || ! canvas.getContext ) { return false; } 
  var ctx = canvas.getContext('2d'); 
  ctx.globalAlpha = 0.7;    // 就多了这么一句 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(192, 80, 77)'; 
  ctx.arc(70, 45, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(155, 187, 89)'; 
  ctx.arc(45, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
  ctx.beginPath(); 
  ctx.fillStyle = 'rgb(128, 100, 162)'; 
  ctx.arc(95, 95, 35, 0, Math.PI*2, false); 
  ctx.fill(); 
}

然后我们的结果就和2完全一样了：

画图多的时候，还是能少打很多字的。

本文链接

HTML5 canvas 初级入门教程【转】

2011-11-24T08:13:00Z

原文：http://www.csser.com/dev/274.html

HTML5 canvas 即HTML5画布，是一个现代浏览器都支持的HTML5非插件绘图的功能，本文将展示如何通过HTML5 canvas API操作canvas元素、绘制图形、改变绘图颜色以及删除图形，让我们开始进入这很酷的新技术的短暂旅行吧。

canvas元素简介

使用canvas元素相当简单，它只是一个单纯的HTML标签，外加宽高两个特性。

上面的代码在页面中插入了一个透明的画布，canvas元素内部的内容可以在不支持canvas功能的浏览器下显示你想给你的用户提供的信息，联想下<noscript>元素就可以。

浏览器支持

很重要的一点就是浏览器对canvas的支持还是相当不错的，所有现代浏览器都支持它，包括最新版的IE9：

Internet Explorer 9.0+
Safari 3.0+
Firefox 3.0+
Chrome 3.0+
Opera 10.0+
iOS 1.0+
Android 1.0+

有趣的是，你可以在IE8以及更低版本的IE浏览器下使用canvas功能，借助ExplorerCanvas 插件。

画布尺寸

当定义canvas元素的尺寸时，最好通过HTML设置它的width和height特性，因为通过CSS设置宽高会导致画布按比例缩放到你设置的值，这背后有它的逻辑原因：在canvas元素的内部存在一个名为2d渲染环境（2d redering context）的对象，所以，通过CSS设置画布尺寸会引起奇怪的效果。

探索2d 渲染环境

我们上面提到的canvas元素只是canvas功能的一部分，另一部分是2d渲染环境，它可以让你实现很酷的看得到的东西。

需要完全理清的是：当你使用canvas，你不是在canvas元素上画图，事实上你是在canvas元素内部的2d渲染环境上。

坐标系统

如果你曾经使用过2d绘图编程语言（比如ActionScript、Processing等），你应该会了解基于屏幕（screen-based）的坐标系统。canvas内部的2d渲染环境并没有什么不同之处，它采用标准的笛卡尔坐标系统，原点位于屏幕左上角，向右移动会增加x坐标的值，向下移动会增加y坐标的值，很容易理解。

通常坐标系统的单位是屏幕的1像素。

操作2d渲染环境

需要利用Javascript提供的API来获取2d渲染环境对象，该方法为：getContext()，看下简单的例子：

<canvas id="csser-com-Canvas" width="500" height="500">

</canvas>
<script>
var canvas = document.getElementById("csser-com-Canvas");
var c = canvas.getContext("2d");
</script>

通过调用canvas对象的getContext()方法，c变量就包含了指向2d渲染环境的引用，这意味着你现在已经完成了在画布上绘图的一切准备，接下来可以开始绘图了。

绘制矩形

获得了2d渲染环境对象，就可以通过调用API提供的大量方法来进行绘图了，一个最基本的方法就是fillRect()，通过它可以绘制一个填充颜色的矩形（颜色默认值为黑色）。

在c变量的下面增加以下代码：

c.fillRect(0, 0, 50, 50);

这将在画布左上角绘制绘制一个黑色背景的正方形：

在调用fillRect()方法时传入了4个参数：

第一个是基于原点的x坐标位置
第二个是基于原点的y坐标位置
第三个是宽度
第四个是高度

fillRect的伪代码看起来应该像这个样子：

c.fillRect(x, y, width, height);

很酷的是，不仅可以绘制填充的矩形，你还可以绘制线框矩形，使用strokeRect()方法，绘制四周产生描边效果的矩形，如：

c.strokeRect(50, 50, 100, 100);

strokeRect的参数与fillRect是一致的，绘制的结果如下：

利用canvas绘图，简单、优美，所有的方法都很易懂，但是当放在一起使用可以让你画出很漂亮的图形。

绘制路径

矩形是唯一一个可以通过单个API方法绘制的图形，先把它放在一边，我们来学习下路径（Paths）绘制。使用路径，可以绘制线条、连续的曲线以及复合图形。

绘制一个简单的路径需要利用一些AIP方法：

beginPath 开始一个新路径
moveTo 移动路径的绘图起点
lineTo 从moveTo定义的点开始绘制连续的路径，或者从上一次的lineTo的终点开始绘制。
closePath 连接最后的点和最初的点并关闭路径绘制
fill 用颜色填充路径
stroke 描变路径

尝试执行下面的代码：

c.beginPath();
c.moveTo(50, 50);
c.lineTo(50, 250);
c.lineTo(250, 250);
c.closePath;
c.fill();

执行结果为：

你可以用同样的方法绘制你希望的图形，canvas还包含更高级的路径绘制，比如圆弧（可以绘制圆形）和贝塞尔曲线（用于绘制很酷的曲线效果），总之，绘制路径要比绘制矩形复杂的多。

改变颜色

到目前为止，我们的示例所绘制的都是填充或描边的黑色，canvas也提供了一些属性用于改变绘制图形的颜色，它们是fillStyle和strokeStyle，它们的语法都是可以自解释的，所以我们直接来改变一个矩形的填充颜色：

c.fillStyle = "rgb(255, 0, 0)";
c.fillRect(50, 50, 100, 100);

结果：

或者，你可以改变描边的颜色：

c.strokeStyle = "rgb(255, 0, 0)";
c.strokeRect(50, 50, 100, 100);

结果：

fillStyle和strokeStyle属性很漂亮的一点就是，它们都支持普通CSS颜色值，这意味着你可以使用RGB、RGBA、HSA、颜色名称以及十六进制颜色值。

还有一点需要指出的是，改变画布中的颜色值不会影响已经绘制的任何图形，例如，如果你绘制了一个黑色的矩形，然后设置填充为红色，接着绘制了另一个矩形，这时第一个矩形仍然为黑色。

改变线宽

除了可以改变颜色，还可以利用lineWidth属性改变描边线条的宽度，按照上面的例子，改变线条宽度：

c.lineWidth = 20;
c.strokeStyle = "#f00";
c.strokeRect(50, 50, 100, 100);

结果：

同样的可以改变路径的线宽：

c.lineWidth = 20;
c.beginPath();
c.moveTo(50, 50);
c.lineTo(50, 250);
c.lineTo(250, 250);
c.closePath();
c.stroke();

结果：

还有一些其它的改变线条的方式，比如lineCap设置线条的末端，lineJoin设置线条的角。

删除图形

最后我们来了解下如何删除已经绘制的图形，删除图形只需Javascript API提供的一个名为clearRect的方法，其原理是使参数指定的矩形区域背景变为透明。

本文示例画布长宽分别为500像素，要想删除整个画布图形，可以这样做：

c.fillRect(50, 50, 100, 100);
c.clearRect(0, 0, 500, 500);

上面的代码执行后，你会什么都看不到，事实上填充的矩形已经绘制，只是瞬间被删除了，所以你看不到它。

如果你不清楚画布的具体宽高，清除整个画布可以这样：

c.clearRect(0, 0, canvas.width, canvas.height);

删除画布中的区域

如果你不想删除整个画布的图形，而仅仅删除画布中的一个区域，假如，你绘制了一个黑色的正方形，旁边绘制了一个红色的正方形：

c.fillRect(50, 50, 100, 100);
c.fillStyle = "#f00";
c.fillRect(200, 50, 100, 100);

看起来是这个样子：

接下来你可以通过clearRect删除黑色背景的正方形而只保留红色正方形：

c.clearRect(50, 50, 100, 100);

注意传入clearRect的参数能确保能覆盖要被删除的图形的区域。

结语

canvas易于使用、上手快速，并且强大的要死（唉，自己翻译的文章自己不敢读，太拗口了）

本文链接

VML标记属性说明 .

2011-11-24T05:31:00Z

VML教程 (http://www.itlearner.com/code/vml/index.html)

1. VML标记特有的通用属性（非HTML、CSS所有）

属性名	默认值	值类型/范围	用途
strokeweight	0.75pt=1px	number	描述图形的边框粗度
strokecolor	black	color	描述图形的边框颜色
stroked	true	boolean	描述图形是否使用边框
fillcolor	white	color	描述图形的背景颜色
filled	true	boolean	描述图形是否使用背景
print	true	boolean	描述图形是否允许被打印机打印
coordsize	1000,1000	Vector2D	暗示图形与容器空间的大小比例
coordorigin	0 0	Vector2D	coordinate at top-left corner of element
wrapcoords	null	string	outline to use for tight text wrapping

2. VML标记支持的HTML通用属性

属性名	默认值	值类型/范围	用途
id	null	string	定义元素的标识索引(多用于DHTML编程)
class	null	classname	定义元素使用的CSS样式类
style	null	CSS string	描述图形的CSS样式表
title	null	string	定义图形的提示标题(鼠标靠近后的帮助提示)
href	null	string	定义图形链接的URL地址
target	_self	_self/_blank/_top	定义图形以何种形式打开链接
contentEditable	false	boolean	描述图形内容是否允许用户编辑
dir	ltr	ltr/rtl	描述图形内容以哪种方向输出
disabled	false	boolean	描述图形能够响应用户事件触发

3. VML标记支持的CSS通用属性

其实，VML元素几乎支持所有CSS样式定义，有些HTML元素不支持的像（rotation，旋转样式），VML却支持。这里只列举部分。

属性名	可用值/可用值范围	用途
width	0-9999	描述宽度
height	0-9999	描述高度
position	static absolute fixed relative	描述如何定位输出
left	0-9999	描述距离页面位置左
top	0-9999	描述距离页面位置上
z-index	0-9999	描述3D位置
cursor	auto crosshair hand move help wait text……	描述鼠标形状
zoom	0-99	描述缩放比例
clip	rect(上右下左)	描述裁剪对象
border	0-99 style color	描述边框
display	block none inline list-item	描述显示或隐藏
overflow	visible auto hidden scroll	描述滚动条
color	colorstring	描述文本内容颜色
font-size	0-999	描述文本内容字号
filter	xray flipv fliph invert alpha(opacity=num)	描述滤镜效果
rotation	(0-9999)%360	描述旋转度
flip	x y

本文链接

Oracle正则表达式函数

2011-10-25T04:27:00Z

1、正则表达式中的元字符

元字符	意思	例子
\	说明要匹配的字符是一个特殊字符、常量或者后者引用。（后引用重复上一次的匹配）	\n 匹配换行符 \\ 匹配 \ $ 匹配 ( $ 匹配 )
^	匹配字符串的开头位置	如果A是字符串的第一个字符，^A 匹配 A
$	匹配字符串的末尾位置	如果B是字符串的最后一个字符，$B 匹配 B
*	匹配前面的字符0次或多次	ba*rk可以匹配 brk、bark、baark等等
+	匹配前面的字符1次或多次	ba+rk可以匹配 bark、baark等等,但是不能匹配brk，也就是说，最少有以一次。
?	匹配前面的字符0次或1次	ba?rk可以匹配 bark、brk等等,但是不能匹配baark。
{n}	匹配前面的字符恰好是n次，其中n是整数	hob{2}it可以匹配hobbit
{n,m}	匹配前面的字符至少是n次，最多是m次，其中n，m都是整数	hob{2,3}it可以匹配hobbit或者hobbbit
.	匹配除null以外的任意单个字符	hob.it中的.可以是任意的单个字符，如：hobsit等等
(pattern)	括号中pattern是一个子正则表达式，匹配指定pattern模式的一个子表达式。	如：aaa(x\|y)可以匹配aaax或者aaay。
x\|y	匹配“或”	x\|y可以匹配x或者y
[abc]	可以匹配abc中的任何单个字符	hello[abc]可以匹配helloa,hellob,helloc
[a-z]	可以匹配指定范围内的任何单个字符	hell[a-z]可以匹配hello或者hellz
[::]	指定一个字符类，可以匹配该类中的任何字符	[:alphanum:]可以匹配字符0-9、A-Z、a-z [:alpha:]可以匹配字符A-Z、a-z [:blank:]可以匹配空格或tab键 [:digit:]可以匹配数字0-9 [:graph:]可以匹配非空字符 [:lower:]可以匹配小写字母a-z [:print:]与[:graph:]类似，不同之处在于[:print:]包括空格字符 [:punct:]可以匹配标点符号.,""等等 [:space:]可以匹配所有的空字符 [:upper:]可以匹配大写字母A-Z [:xdigit:]可以匹配十六进制数字0-9、A-F、a-f
\n	这是对前一次匹配命中的一个后引用，其中n是一个正整数	(.)\1可以匹配两个连续相同的非空字符。(.)可以匹配除null以外的任何单个字符，而\1则重复上一次匹配的内容，即再次匹配相同的字符，因此可以匹配两个连续相同的非空字符

2、REGEXP_LIKE(x,pattern[,match_option])用于在x中查找正则表达式pattern，该函数还可以提供一个可选的参数match_option字符串说明默认的匹配选项。match_option的取值如下：
‘c’   说明在进行匹配时区分大小写（缺省值）；
'i'   说明在进行匹配时不区分大小写；
'n'   允许使用可以匹配任意字符的操作符；
'm'   将x作为一个包含多行的字符串。

sql 代码

DECLARE
V_FIRST_NAME VARCHAR2(50);
V_DOB DATE;
BEGIN
--返回1965－1968你出生的FIRST_NAME以‘J’开头的消费者
SELECT FIRST_NAME,DOB INTO V_FIRST_NAME,V_DOB
FROM CUSTOMERS
WHERE REGEXP_LIKE(TO_CHAR(DOB,'YYYY'),'^196[5-8]$') AND REGEXP_LIKE(FIRST_NAME,'^J');
DBMS_OUTPUT.PUT_LINE(V_FIRST_NAME);
END;

3、REGEXP_INSTR(x,pattern[,start[,occurrence[,return_option[, match_option]]]])用于在x中查找pattern。返回pattern在x中出现的位置。匹配位置从1开始。可以参考字符串函数 INSTR()，参数相关：
    'start'   开始查找的位置；
    'occurrence'   说明应该返回第几次出现pattern的位置；
    'eturn_option'   说明应该返回什么整数。若该参数为0，则说明要返回的整数是x中的一个字符的位置；若该参数为非0的整数，则说明要返回的整数为x中出现在pattern之后的字符的位置；
    'match_option'   修改默认的匹配设置。

sql 代码

DECLARE
V_RESULT INTEGER;
BEGIN
--返回17，找出l开头的后跟4个任意字母的单词在第一个参数中第一次出现的位置，这里是light中l的位置
SELECT REGEXP_INSTR('But, soft! What light through yonder window breaks？','l[[:alpha:]]{4}',1,1,0) INTO V_RESULT
FROM DUAL;
DBMS_OUTPUT.PUT_LINE(V_RESULT);
--返回22，找出l开头的后跟4个任意字母的单词在第一个参数中第一次出现的位置，这里是light中t的位置+1
SELECT REGEXP_INSTR('But, soft! What light through yonder window breaks？','l[[:alpha:]]{4}',1,1,1) INTO V_RESULT
FROM DUAL;
DBMS_OUTPUT.PUT_LINE(V_RESULT);
END;

4、REGEXP_REPLACE(x,pattern[,replace_string[,start[,occurrence[, match_option]]]])用于在x中查找pattern，并将其替换为replae_string。可以参考字符串函数 REPLACE()，参数同REGEXP_INSTR函数，参考第3

sql 代码

DECLARE
V_RESULT VARCHAR2(255);
BEGIN
--返回But, soft! What XXX through yonder window breaks？用‘XXX’代替‘light’
SELECT REGEXP_REPLACE('But, soft! What light through yonder window breaks？','l[[:alpha:]]{4}','XXX') INTO V_RESULT
FROM DUAL;
DBMS_OUTPUT.PUT_LINE(V_RESULT);
END;

5、REGEXP_SUBSTR(x,pattern[,start[,occurrence[, match_option]]])用于在x中查找pattern并返回。可以参考字符串函数 SUBSTR()，参数同REGEXP_INSTR函数，参考第3

sql 代码

DECLARE
V_RESULT VARCHAR2(255);
BEGIN
--返回‘light’
SELECT REGEXP_SUBSTR('But, soft! What light through yonder window breaks？','l[[:alpha:]]{4}') INTO V_RESULT
FROM DUAL;
DBMS_OUTPUT.PUT_LINE(V_RESULT);
END;

本文链接

博客园_~零度浪漫~

css 左右两栏 左边固定右边自适应

Oracle 执行长SQL

MyEclipse 批量更新编码集

Oracle 游标基础

windows xp 系统CMD命令大全

Java C格式输入利用printf函数

HTML5中的Canvas（颜色）【转载】

HTML5 canvas 初级入门教程【转】

VML标记属性说明 .

Oracle正则表达式函数

css 左右两栏左边固定右边自适应