亚洲精品美女久久久久,911精品国产亚洲日本美国韩国 ,亚洲精品V欧洲精品V日韩精品

�?PyMedia 解码�q�播�?mp3 文�g

左��N — Sat, 06 Aug 2011 18:10:00 GMT

摘要: Pymedia 是个 C/C++/Python 的多媒体模块�Q�可以对包括 mp3/ogg/avi�{�多媒体格式文�g�q�行�~�码解码和播放，��Z�� ffmpeg 提供了简单的 Python 接口阅读全文

左��N 2011-08-07 02:10 发表评论

左��N — Wed, 13 Jul 2011 15:41:00 GMT

摘要: 增删�Ҏ��操作�Q�其中增删改操作被称为数据操作语�a� DML�Q�相�Ҏ��说简单一炏V�?查操作相�Ҏ��说复杂一点，因�ؓ涉及到很多子�?.. 阅读全文

左��N 2011-07-13 23:41 发表评论

SQLite 入门教程�Q�三�Q�好多约�?Constraints

左��N — Wed, 13 Jul 2011 10:02:00 GMT

摘要: 我们在数据库中存储数据的时候，有一些数据有明显的约束条�Ӟ��如：大于、默认、不能�ؓ�I�、唯一�{�等�?我们在用 CREATE TABLE 创徏表的时候，应该��每个字�D�列的约束条件事先说明，以后再往表里输入数据的时候，�pȝ��会自动�ؓ我们��查是否满��约束条�Ӟ��如果不满��系�l�会报错�?nbsp; 阅读全文

左��N 2011-07-13 18:02 发表评论

SQLite 入门教程�Q�二�Q�创建、修攏V��删除表

左��N — Mon, 11 Jul 2011 16:33:00 GMT

摘要: 在关�p�d��数据库中�Q�数据库中的�?Table、视�?View、烦�?Index、关�p?Relationship 和触发器 Trigger �{�等�Q�构成了数据库的架构 Schema�?�?SQL 语句中，专门有一些语句用来定义数据库架构�Q�这些语句被�U�Cؓ“数据库定义语言”，�?DDL�?nbsp; 阅读全文

左��N 2011-07-12 00:33 发表评论

SQLite 入门教程�Q�一�Q�基本控制台�Q�终端）命��o

左��N — Sun, 10 Jul 2011 11:32:00 GMT

一、基本简�?/strong>

SQLite 是一个自持的�Q�self-contained�Q�、无服务器的、零配置的、事务型的关�p�d��数据库引擎。因��Z��很小�Q�所以也可以作�ؓ嵌入式数据库内徏在你的应用程序中。SQLite 被应用在 Solaris 10操作�pȝ��、Mac OS 操作�pȝ��、iPhone �?Skype 中。QT4 、Python �?PHP 都默认支�?SQLite �Q�Firefox Amarok �{�流行的应用�E�序在内部也使用�?SQLite.

SQLite 数据库引擎实��C��主要�?SQL-92 标准�Q�引擎本�w�只有一个文�Ӟ��大小不到 300k �Q�但是�ƈ不作��Z��个独立的�q�程�q�行�Q�而是动态或者静态的链接到其他应用程序中。它生成的数据库文�g是一个普通的��盘文�g�Q�可以放�|�在��M��目录下。SQLite 本��n�?C 语言开发的�Q�开源也跨��^収ͼ��q�且被所有的��L��~�程语言支持�?/p>

相关资源

sqlite.org

wikipedia.org

二、下载安�?/strong>

Windows 版的下蝲地址为：sqlite-shell-win32-x86-3070701.zip

我们�q�里下蝲的是命��o行版本，所以是一个可执行文�g�Q�还有一个动态链接库版本�Q�如果你的应用程序需要嵌入式数据库，可以下蝲�q�个版本。当�Ӟ��如果你愿意折腾，下蝲源代码自��q��译也是可以的。下载完成，解压出来��׃��个文�Ӟ�� sqlite3.exe �Q�可以放�|�到��L��一个�\径下�Q�然后把�q�个路径加入�?PATH 环境变量中，�q�样我们��可以随时在控制��C��q�行 SQLite 命��o行工具了�?/div>

三、基本命�?/strong>

1、进入命令行环境�Q?span style="color: #0000ff; ">sqlite3

打开一个控制台�H�口�Q�输�?sqlite3 回�R�Q�这时你��p��入了 SQLite 命��o行环境，如图

它显�C�Z��版本��P��q�告诉你每一�?SQL 语句必须用分�?�Q?�l�尾

2、命令行帮助�Q?span style="color: #0000ff; ">.help

在命令行环境下输�?.help 回�R�Q�显�C�所有可使用的命令以及这些命令的帮助。注意：所有的命��o开头都是一个点

3、退出命令行环境

.quit 或�?.exit 都可以退�?/div>

四、数据库和表的相兛_��?/strong>

1、创��Z��个新的数据库�Q?span style="color: #0000ff; ">sqlite3 文�g�?/u>

先徏立一�?Db 目录�Q��ƈ�?Db 目录中创��Z��?test.db 数据库文�Ӟ��打开控制台窗口，命��o如下�Q?/div>
mkdir Db

cd Db

sqlite3 test.db

2、打开一个已�l�存在的数据库：sqlite3 已经存在的文件名

创徏一个新数据库和打开一个已�l�存在的数据库命令是一模一��L��Q�如果文件在当前目录下不存在�Q�则新徏�Q�如果存在，则打开�?/div>

3、导入数据：.read 数据文�g

打开��C��本，�q�将下列 SQL 语句复制到记事本中，保存�?test.sql ��C��面说到的 Db 目录下，在命令行环境中输�?/div>
.read test.sql

卛_��所有的数据导入�?test.db 数据库中�?/div>
test.db 导入数据

BEGIN TRANSACTION;
CREATE TABLE Cars(Id integer PRIMARY KEY, Name text, Cost integer);
INSERT INTO Cars VALUES(1,'Audi',52642);
INSERT INTO Cars VALUES(2,'Mercedes',57127);
INSERT INTO Cars VALUES(3,'Skoda',9000);
INSERT INTO Cars VALUES(4,'Volvo',29000);
INSERT INTO Cars VALUES(5,'Bentley',350000);
INSERT INTO Cars VALUES(6,'Citroen',21000);
INSERT INTO Cars VALUES(7,'Hummer',41400);
INSERT INTO Cars VALUES(8,'Volkswagen',21600);
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Orders(Id integer PRIMARY KEY, OrderPrice integer CHECK(OrderPrice>0),
                    Customer text);
INSERT INTO Orders(OrderPrice, Customer) VALUES(1200, "Williamson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(200, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(40, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(1640, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(100, "Robertson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(50, "Williamson");
INSERT INTO Orders(OrderPrice, Customer) VALUES(150, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(250, "Smith");
INSERT INTO Orders(OrderPrice, Customer) VALUES(840, "Brown");
INSERT INTO Orders(OrderPrice, Customer) VALUES(440, "Black");
INSERT INTO Orders(OrderPrice, Customer) VALUES(20, "Brown");
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Friends(Id integer PRIMARY KEY, Name text UNIQUE NOT NULL,
                     Sex text CHECK(Sex IN ('M', 'F')));
INSERT INTO Friends VALUES(1,'Jane', 'F');
INSERT INTO Friends VALUES(2,'Thomas', 'M');
INSERT INTO Friends VALUES(3,'Franklin', 'M');
INSERT INTO Friends VALUES(4,'Elisabeth', 'F');
INSERT INTO Friends VALUES(5,'Mary', 'F');
INSERT INTO Friends VALUES(6,'Lucy', 'F');
INSERT INTO Friends VALUES(7,'Jack', 'M');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE IF NOT EXISTS Customers(CustomerId integer PRIMARY KEY, Name text);
INSERT INTO Customers(Name) VALUES('Paul Novak');
INSERT INTO Customers(Name) VALUES('Terry Neils');
INSERT INTO Customers(Name) VALUES('Jack Fonda');
INSERT INTO Customers(Name) VALUES('Tom Willis');

CREATE TABLE IF NOT EXISTS Reservations(Id integer PRIMARY KEY,
                                        CustomerId integer, Day text);
INSERT INTO Reservations(CustomerId, Day) VALUES(1, '2009-22-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(2, '2009-28-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(2, '2009-29-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(1, '2009-29-11');
INSERT INTO Reservations(CustomerId, Day) VALUES(3, '2009-02-12');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Names(Id integer, Name text);
INSERT INTO Names VALUES(1,'Tom');
INSERT INTO Names VALUES(2,'Lucy');
INSERT INTO Names VALUES(3,'Frank');
INSERT INTO Names VALUES(4,'Jane');
INSERT INTO Names VALUES(5,'Robert');
COMMIT;

BEGIN TRANSACTION;
CREATE TABLE Books(Id integer PRIMARY KEY, Title text, Author text,
                   Isbn text default 'not available');
INSERT INTO Books VALUES(1,'War and Peace','Leo Tolstoy','978-0345472403');
INSERT INTO Books VALUES(2,'The Brothers Karamazov',
                         'Fyodor Dostoyevsky','978-0486437910');
INSERT INTO Books VALUES(3,'Crime and Punishment',
                         'Fyodor Dostoyevsky','978-1840224306');
COMMIT

4、列出所有的数据表： .tables

完成上面所有的工作以后�Q�我们就可以列出所有的数据表了

5、显�C�数据库�l�构�Q?span style="color: #0000ff; ">.schema

其实��是一�?SQL 语句�Q�他们描�q�C��数据库的�l�构�Q�如�?/div>


6、显�C��的结构：.schema 表名

7、导出某个表的数据： .dump 表名

�q�时我们可以看到�Q�整个表�?SQL 语句的�Ş式�ؓ导出来了�Q�但是只是显�C�在�l�端上，如何把它导出到文件中呢？

8、设�|�导出目标：

.output 文�g�?/u>

或�?/div>
.output stdout

先运�?.output cars.sql �Q�然后再�q�行 .dump 命��o试试看？如果要回复成导出到终端（标准输出�Q�，则运�?.output stdout

五、数据显�C�相兛_��?/strong>

1、设�|�分隔符�Q?span style="color: #0000ff; ">.separator   分隔�W?/u>

我们可以首先�q�行 SELECT * FROM Names�Q?�Q�可以看到默认的分隔�W�是 |

�q�行.separator : 以后�Q�再 SELECT * FROM Names�Q�，可以看到分隔�W�已�l�变�?: �?/div>

2、设�|�显�C�模式：.mode   模式

有好几种昄��模式�Q�默认的�?list 昄��模式�Q�一般我们��?column 昄��模式�Q�还有其他几�U�显�C�模式可�?.help �?mode 相关内容。看看下面的图，和上面是不是昄��的不一样了�Q?/div>

3、显�C�标题栏�Q?span style="color: #0000ff; ">.headers on

看看�Q�是不是又不太一样了�Q?/div>

4、设�|�每一列的昄��宽度�Q?span style="color: #0000ff; ">.width w1,w2,w3.........

一些内容，默认的宽度显�C�Z��下，�q�个命��o��有用了

5、设�|?NULL 值显�C�成什么样子： .nullvalue 你想要的NULL值格�?/u>

默认情况下NULL��g��么也不显�C�，你可以设�|�成你自己想要的样子

6、列出当前显�C�格式设�|�情况：.show

7、配�|�文�?.sqliterc

如果我们每次�q�入命��o行都要重新设�|�显�C�格式，很麻烦，其实 .show 命��o列出的所有设�|�项都可以保存到一�?.sqliterc 文�g中，�q�样每次�q�入命��o行就自动讄��好了�?sqlterc 文�g�?Linux 下保存在用户�?Home 目录下，�?Windows 下可以保存到��M��目录下，但是需要设�|�环境变量让数据库引擎能扑ֈ�它，感兴��的可以看看帮助�?nbsp;

//==========================================

左��N 2011-07-10 19:32 发表评论

左��N — Mon, 18 Oct 2010 10:31:00 GMT
     摘要: �q�一�ơ在上一��程序的基础上增加了以下交互控制功能�Q?、键盘控�Ӟ��2、开始、暂停；3、消除时候空行的停顿效果�Q?、随着消除行数的增多，速度加快�Q?、音效等�{�。可以看出，在数据模型抽象好的基��上，完成控制和图形接口是非常方便的�?nbsp; 阅读全文

左��N 2010-10-18 18:31 发表评论

左��N — Sun, 17 Oct 2010 15:21:00 GMT
     摘要: 要写一个俄�|�斯方块��游戏，我们先来一块考虑一下下面几个问题：....... 如果你对上面几个问题思考，每一个答案都和界面、控件、��^台有关的话，��是说假如你是用 .Net 的，你的每一个答案都是围�l�着如何利用控�g、如何��用窗体、在控�g的哪个事仉��面改变哪个属性等�{�，那么说明你被微��Y�?RAD 开发环境毒害的不浅�Q�我��你立��L��?Visual Studio�Q�改用其他轻量��的编�E�语�a�和开发��^収ͼ��q�样你可以更多的��x��问题的本�w�，而不是控件�?nbsp; 阅读全文

左��N 2010-10-17 23:21 发表评论

左��N — Thu, 07 Oct 2010 16:14:00 GMT
     摘要: 一、�ؓ什么选择 HTML5 HTML5 边玩边学��上�q�篇已经是第七篇了，在这��开始之前，我想先说明一下�ؓ什么叫“HTML5�?边玩边学�Q�因为有人对 HTML5 提出质疑�Q�毕竟他是一个新生事物。我承认我用 HTML5 来吸引眼球了�Q�如果看�q�边玩边学系列的每一��，你会发现前六��文  阅读全文

左��N 2010-10-08 00:14 发表评论

HTML5边玩边学�Q?�Q�：汽�R人，变�Ş......

左��N — Tue, 05 Oct 2010 04:34:00 GMT
     摘要: �q�一��主要学�?HTML5 囑փ�的变形操作以及变形相关的囑�Ş学基本概念，�q�给��Z��一个可以对��女囑փ��q�行基准点移动、基准点�~�放和基准点旋�{的小例子。后面学习了囑փ�的组合和裁剪�Q�也�l�出了一个小例子�?nbsp; 阅读全文

左��N 2010-10-05 12:34 发表评论

HTML5边玩边学�Q?�Q�：囑փ�、图案和字体

左��N — Mon, 04 Oct 2010 08:45:00 GMT
     摘要: 通过对一�q�美奛_��片的处理�Q�向您展�C?HTML5 的强大图像处理功�?..  阅读全文

左��N 2010-10-04 16:45 发表评论

左��N — Sun, 03 Oct 2010 12:11:00 GMT
     摘要: 渐变�?Gradients�Q�上下文对象有两个方法可以创��Z��个叫�?canvasGradient 的对象，�q�用它设�|?fillStyle �?strokeStyle 属性，�l�制出来的图形就有渐变效果了  阅读全文

左��N 2010-10-03 20:11 发表评论

左��N — Sat, 18 Sep 2010 15:00:00 GMT
     摘要: 我们在电脑屏�q�上可以看到色彩斑斓的图像，其实�q�些囑փ�都是�׃��个个像素点组成的。那么像素是什么？颜色又是什么呢�Q�（如果您提��两个问题�Q�您一定是个热爱思考的人）一个像素其实对应着内存中的一�l�连�l�的二进制位  阅读全文

左��N 2010-09-18 23:00 发表评论

HTML5边玩边学�Q?�Q�：基础�l�图

左��N — Sat, 18 Sep 2010 03:32:00 GMT

在前一��博客中�Q�我们测试了 canvas 标签的用法，�q�得��C�� canvas 标签的渲染上下文对象�Q?但是�q�没有用它绘制�Q何图形。在�q�一��中�Q�我们先了解一下HTML5�l�图的一些基��概念�Q�然后再来画几个囑�Ş玩玩�?/p>
一、坐标系

其实只要玩过一点点囑�Ş�~�程的�h都知道，电脑上的坐标�p�d��数学上的坐标�pȝ��微有点不同，坐标的原点在�l�制区域�Q�这里是Canvas�Q�的左上角，X轴正向朝叻I��Y轴正向朝下，如下�?/p>

声明�Q?/strong>为本文�ؓ原创文章�Q�作者保留所有权利！�Ƣ迎转蝲�Q��{载请注明作�?font color="#ff0000">左��N和出�?font color="#ff0000">博客�?/strong>

二、Stroke �?Fill

HTML5中将囑�Ş分�ؓ两大�c�：

�W�一�cȝ��?Stroke�Q�我的理解就是轮廓、勾勒或者线条，��M��Q�图形是��q��条组成的�Q?/p>
�W�二�cȝ��?Fill�Q�就是填充区�?/p>
上下文对象中有两个绘制矩形的�Ҏ��Q�可以让我们很好的理解这两大�c�d��形的区别�Q?/p>
一个是 strokeRect�Q�还有一个是 fillRect

下面的代码分别用�q�两个方法来�l�制矩�Ş�Q�你可以分别点击两个按钮来看看有什么不同，从而理�?stroke �?fill 的区�?/p>
讄��d��

<canvas id="test1" width="200" height="200" style=" background-color: grey">你的��览器不支持 <canvas>标签�Q�请使用 Chrome ��览�?nbsp;或�?nbsp;FireFox ��览�?/span>canvas>
<input type="button" value="strokeRect"  onclick="strokeRect();"/>
<input type="button" value="fillRect"  onclick="fillRect();"/>

strokeRect �?fillRect

function strokeRect(){
    var canvas = document.getElementById('test1');
    var ctx=canvas.getContext("2d");
    ctx.clearRect(0,0,200,200);
    ctx.strokeStyle="blue";
    ctx.strokeRect(10,10,180,180);
}

function fillRect(){
    var canvas = document.getElementById('test1');
    var ctx=canvas.getContext("2d");
    ctx.clearRect(0,0,200,200);
    ctx.fillStyle="blue";
    ctx.fillRect(10,10,180,180);
}

三、颜�?/strong>

上下文对象有两个属性可以用来设�|�颜�Ԍ��strokeStyle �?fillStyle

strokeStyle 的值决定了你当前要�l�制的线条的颜色

fillStyle 的值决定了你当前要填充的区域的颜色

颜色值应该是�W�合CSS3 颜色值标�?/a>的有效字�W�串。下面的例子都表�C�同一�U�颜艌Ӏ?/p>

//�q�些 fillStyle 的值均�?nbsp;'��色'�Q�ctx 是上下文对象
ctx.fillStyle = "orange";
ctx.fillStyle = "#FFA500";
ctx.fillStyle = "rgb(255,165,0)";
ctx.fillStyle = "rgba(255,165,0,1)";

关于颜色�Q�以后会有更多的说明�?/p>

四、基本绘�?/strong>

除了上面�l�出的两个绘制矩形的�Ҏ��外，上下文对象还有几个方法可以用来绘制一些基本图形，如下�Q?/p>
moveTo(x,y)�Q�moveTo�Ҏ��q�不能画��Z�Q何东西，它只是将�ȝ��的当前点�U�d��?x,y)�?/p>
lineTo(x,y)�Q�从当前点到�Q�x,y�Q�点�l�制一条直�Uѝ��注意：�l�制完成后，当前点就变成�?x,y)�Q�除非你�?moveTo �Ҏ��L��变他

arc(x, y, radius, startAngle, endAngle, anticlockwise) �Q�绘制一条弧�U?/p>
quadraticCurveTo(cp1x, cp1y, x, y)
bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) �Q�这两个�Ҏ��都是�l�制贝叶斯曲�U�，具体用法看参考手�?/p>
rect(x, y, width, height) �Q�绘制一个矩形。注意：当它被调用时�Q�moveTo �Ҏ��会自动被调用�Q�参��Cؓ(0,0)�Q�于是�v始坐标又恢复成初始原点了�?

有了直线、弧�Uѝ��曲�Uѝ��方形和圆�Ş�q�几�U�基本图形，我们��可以组合出更复杂的囑�Ş�?/p>

五、理解绘制�\�?Drawing Path

上一��文章中说过�Q�我们绘制的囑�Ş是先�l�制��C��个抽象的上下文对象中�Q�其实就是内存中�Q�，然后再将上下文对象输出到昄��讑֤�上，�q�个输出到显�C��备的�q�程不需要我们操心。但是有时候我们�ƈ不想立刻输出每一�ơ绘制动作，也许我想让一�l�绘制动作完成以后，再集中一块输出，比如一个围��棋盘有19×19条直�U�组成，正常情况下需要向��x��C��备输�?9×19�ơ，但是如果我们先暂停向昄��讑֤�输出�Q�等在上下文中（内存中）全部�l�制完成19×19条直�U�时�Q�再向显�C��备输出，只需要输��Z��ơ就可以了�?/p>
�q�种情况在HTML5中叫做绘制�\径，它由几个上下文对象的�Ҏ��l�成�Q?/p>
beginPath() �Q�开始�\径，意思就是在你调用这个方法后�Q�你�l�制的图形就不会再向屏幕输出了，而只是画��C��上下文对象中�Q�内存中�Q?/p>
stroke() �Q�将你调�?beginPath �Ҏ��以后�l�制的所有线条，一�ơ性输出到昄��讑֤��?/p>
closePath() �Q�如果你调用 beginPath �Ҏ��以后�Q�在上下文对象中�q�行了一�p�d��的绘�Ӟ��但是得到的图形是不闭合的�Q�这个方法将会帮你补上最后一条直�U�，��你的图形闭合�v来�?/p>
注意�Q?/span>closePath�q�不向屏�q�输出图形，而只是在上下文对象中补上一条线�Q�这个步骤不是必需�?/u>�?/p>
fill() �Q?/p>
如果你的�l�制路径�l�成的图形是��闭的，�q�个�Ҏ��用 fillStyle 讄��的颜色填充图形，然后立即向屏�q�输出；

如果�l�制路径不是��闭的，�q�个�Ҏ��会先��图形闭合�v来，然后再填充输出�?/p>
注意�Q?/strong>所有的 fill 囑�Ş�Q�如 fillRect �{�，都是立刻向屏�q�输出的�Q�他们没有绘制�\径这个概�?/u>

下面的代码将�l�制一个简单的填充三角形�?/p>
注意�Q?/span>�l�制三角形的时候，默认的背景色为白�Ԍ��默认的前景色为黑�?/u>�?/p>
讄��d��

<canvas id="test2" width="200" height="200" style="border:1px solid #c3c3c3;">你的��览器不支持 <canvas>标签�Q�请使用 Chrome ��览�?nbsp;或�?nbsp;FireFox ��览�?/span>canvas>
<input type="button" value="��M��?  onclick="drawTri();"/>
<input type="button" value="清除"  onclick="clearTri();"/>

�l�制三角�?/span>

<script type="text/javascript">
    function drawTri(){
        var canvas = document.getElementById('test2');
        var ctx=canvas.getContext("2d");
        ctx.beginPath();
        ctx.moveTo(75,50);
        ctx.lineTo(100,75);
        ctx.lineTo(100,25);
        ctx.fill();
    }
    function clearTri(){
        var canvas = document.getElementById('test2');
        var ctx=canvas.getContext("2d");
        ctx.clearRect(0,0,200,200);
    }
script>

六、半个单位的坐标

�q�里�q�要回过头来说说坐标�Q�下面的代码是在��d��上绘制网��|��点击“�ȝ��?#8221;按钮可以看见效果

讄��d��

<canvas id="test3" width="500" height="375" style="border:1px solid #c3c3c3;">你的��览器不支持 <canvas>标签�Q�请使用 Chrome ��览�?nbsp;或�?nbsp;FireFox ��览�?/span>canvas>
<input type="button" value="�ȝ��?  onclick="drawMap();"/>
<input type="button" value="清除"  onclick="clearMap();"/>

�l�制�|�格

<script type="text/javascript">
    function drawMap(){
        var canvas = document.getElementById('test3');
        var ctx=canvas.getContext("2d");
        ctx.beginPath();
        for (var x = 0.5; x < 500; x += 10) {
            ctx.moveTo(x, 0);
            ctx.lineTo(x, 375);
        }
        for (var y = 0.5; y < 375; y += 10) {
            ctx.moveTo(0, y);
            ctx.lineTo(500, y);
        }
        ctx.strokeStyle = "#eee";
        ctx.stroke();
    }
    function clearMap(){
        var canvas = document.getElementById('test3');
        var ctx=canvas.getContext("2d");
        ctx.clearRect(0,0,500,375);
    }
script>

�q�段代码中，有一处奇怪的地方�Q�就是坐标��@环是�?.5开始的�Q�这是�ؓ什么呢�Q?/p>
如下图，假如我想�l�制一条从(1,0)�?1,3)的线�Q�由于线的默认宽度是一个像素，所以在我想象中应该�l�制�?strong style="color: #339966">��q��?/u>的部分，卛_��坐标 1 两边各占半个像素的宽度�?/p>
然而，��览器的最��单位是一个像素，所以他会向两边扩展�Q�实际绘制出来的��绿�?/u>的部分，卛_��用了两个像素的宽度。这��P��我们�l�制的线条在坐标上就不精��了

如下图，如果我们�l�出的�v始坐标是(1.5,0)�?1.5,3)�Q�那么线条的宽度才是正确的一个像素�?/p>

七、清�I�画�?/strong>

上面�l�出的两�D�代码中�Q�我们都用到了清�I�画布，用到的方法如下：

clearRect(x,y,width,height)�Q?/p>
它接受四个参敎ͼ� x �?y 指定矩�Ş左上�?相对于原�?的位�|�，width �?height 是矩形的宽和高。调用该�Ҏ��会将�l�出的矩形区域中所有绘制图形都清空�Q�露出画布的背景

声明�Q?/strong>为本文�ؓ原创文章�Q�作者保留所有权利！�Ƣ迎转蝲�Q��{载请注明作�?font color="#ff0000">左��N和出�?font color="#ff0000">博客�?/strong>

//==========================================

左��N 2010-09-18 11:32 发表评论

HTML5边玩边学�Q?�Q�：��d��

左��N — Fri, 17 Sep 2010 15:45:00 GMT
     摘要: Html5 引入了一个新�?canvas 标签�Q�这个标�{�所代表的区域就好象一块画布，你的所有图形绘制最后都要在�q�块��d��上呈现。有了这个标�{�，��览器的囑�Ş表现力被极大的提升，Flash �?SilverLight 有没有感到威胁呢?  阅读全文

左��N 2010-09-17 23:45 发表评论

wxPython 教程 �Q?�Q�—�?Frame

左��N — Wed, 07 Oct 2009 11:59:00 GMT

一、wxpython 包的安装
�?教程 1 中，有�h按照�l�出的代码运行，出现了如下错误：
ImportError: No module named wx

�q�是因�ؓ wxpython 不是默认的包�Q�需要自己安装。具体的安装地址是：
http://www.wxpython.org/download.php

您可以根据自��q��l�的�q�_��和python版本选择相应的包下蝲�Q�安装好后就不会出现上面的错误了。下载页面中�q�有一�?Demo �?/strong>�Q�里面包含了大量的示例代码和帮助文�g�Q�是学习 wxpython 的好帮手�?/p>

二、Frame

Frame 其实��是�H�体�Q�前面我们生成窗体的时候没有给他�Q何参敎ͼ�只生成了一个默认的�H�体�Q�生成默认窗体的代码如下�Q?/p>
frame = wx.Frame(None)

其实 wx.Frame 可以传入很多参数�Q�由此来控制生成�H�体的样式和行�ؓ�Q�现在我们来看看 Frame构造函数的原型�Q?/p>
__init__(self, Window parent, int id=-1, String title=EmptyString,
            Point pos=DefaultPosition, Size size=DefaultSize,
            long style=DEFAULT_FRAME_STYLE, String name=FrameNameStr)

参数1�Q�parent
父窗体。如果没有父�H�体�Q�可以设�?None�?/p>
参数2�Q�id
�H�体�~�号。如果设�|��ؓ-1�Q�则�pȝ��自动�l�他分配一个编受��默认�ؓ-1.

参数3�Q�title
�H�体的标题栏�Q�即Caption。默认�ؓ�I��?/p>
参数4�Q�pos
�H�体的位�|�坐标。默认��gؓ(-1,-1),则窗体的位置��q��l�决定�?/p>
参数5�Q�size
�H�体的大��。默认��gؓ(-1,-1),则窗体的大小��q��l�决定�?/p>
参数6�Q�style
�H�体样式。默认��gؓ DEFAULT_FRAME_STYLE
默认样式 DEFAULT_FRAME_STYLE 是下面这些值的复合�Q?br /> wxMINIMIZE_BOX | wxMAXIMIZE_BOX | wxRESIZE_BORDER | wxSYSTEM_MENU | wxCAPTION | wxCLOSE_BOX | wxCLIP_CHILDREN
它包括最��化按钮、最大化按钮、系�l�菜单、标题栏、关闭按钮、可变大��等�{�。您也可以根据自��q��需求改变样式，具体请参照帮助�?/p>
参数7�Q�name
�H�体名称�?/p>
可以看到�Q?strong>7个参��C��6个都有默认�?/u>�Q�只有第一个参�?parent 需要设�|�一下，所以一个最��单的�H�体��是�Q?br /> frame = wx.Frame(None)

三、几个小例子

�H�体标题�Q?br /> frame = wx.Frame(None,title="Hello World")

位置和大��：
frame = wx.Frame(None,title="世界你好",size=(300,150),pos=(200,200))

样式一�Q�只有一个光�U�秃的标题栏
frame = wx.Frame(None,style=wx.CAPTION)

样式二：只有客户区，没有标题栏，也不能改变大��?br /> frame = wx.Frame(None,style=0)

样式三：只有一个关闭按钮，不能改变大小
frame = wx.Frame(None,style= wx.SYSTEM_MENU | wx.CAPTION | wx.CLOSE_BOX)

//==========================================

左��N 2009-10-07 19:59 发表评论