<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>shooting's sky &#187; 算法</title>
	<atom:link href="http://anfirst.cn/archives/tag/%e7%ae%97%e6%b3%95/feed" rel="self" type="application/rss+xml" />
	<link>http://anfirst.cn</link>
	<description>专心每一天</description>
	<lastBuildDate>Fri, 11 May 2012 04:49:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>在php中使用 TCPDF 动态创建 PDF [转载]</title>
		<link>http://anfirst.cn/archives/975</link>
		<comments>http://anfirst.cn/archives/975#comments</comments>
		<pubDate>Mon, 13 Sep 2010 14:57:14 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[案例]]></category>
		<category><![CDATA[程序分析]]></category>
		<category><![CDATA[算法]]></category>
		<category><![CDATA[网摘]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=975</guid>
		<description><![CDATA[简介 TCPDF 是托管在 Sourceforge.net 上最活跃的项目之一，其完全在 PHP 上实现了强大的 PDF 生成引擎。这使得其更容易安装，即使在您无法访问系统目录或编译自己的代码的站点上。同时，通过让您直接查看 PHP 代码生成的结果，而不使用任何中间步骤，这使迭代开发更加容易。 TCPDF 支持一系列有用的图像格式，包括 SVG 矢量格式和位图格式，如 JPEG 和 PNG。一个简单独立的实用工具让您可以处理 TrueType、OpenType、PostScript Type 1 和 CID-0 字体，使它们可以添加到 TCPDF 创建的文档。您可以使用 TCPDF 来生成无数 1-D 和 2-D 条形码格式，且它支持所有常见的 PDF 功能，如书签、文档链接、压缩、注释、文档加密和数字签名。 用 PHP 编写 TCPDF 并使用其页面，这使其易于创建并部署 PDF 生成的 Web 页面。在您使用任何支持 Web 服务器和您最喜欢的 PHP 开发环境开发并部署 TCPDF 时，我将使用如下工具： Eclipse V3.5.2 — 我最新欢的开源开发环境之一，其支持广泛的编程语言和环境。 PHP Development [...]]]></description>
			<content:encoded><![CDATA[<p><a name="N10062">简介</a></p>
<p>TCPDF 是托管在 Sourceforge.net 上最活跃的项目之一，其完全在 PHP 上实现了强大的 PDF  生成引擎。这使得其更容易安装，即使在您无法访问系统目录或编译自己的代码的站点上。同时，通过让您直接查看 PHP  代码生成的结果，而不使用任何中间步骤，这使迭代开发更加容易。</p>
<p>TCPDF 支持一系列有用的图像格式，包括 SVG 矢量格式和位图格式，如 JPEG 和 PNG。一个简单独立的实用工具让您可以处理  TrueType、OpenType、PostScript Type 1 和 CID-0 字体，使它们可以添加到 TCPDF  创建的文档。您可以使用 TCPDF 来生成无数 1-D 和 2-D 条形码格式，且它支持所有常见的 PDF  功能，如书签、文档链接、压缩、注释、文档加密和数字签名。</p>
<p>用 PHP 编写 TCPDF 并使用其页面，这使其易于创建并部署 PDF 生成的 Web 页面。在您使用任何支持 Web 服务器和您最喜欢的 PHP 开发环境开发并部署 TCPDF 时，我将使用如下工具：</p>
<ul>
<li>Eclipse V3.5.2 — 我最新欢的开源开发环境之一，其支持广泛的编程语言和环境。</li>
<li>PHP Development Tools V2.2.0 — 适用于 Eclipse 的 PHP 插件。</li>
<li>MAMP Pro V1.9 — 适用于 Mac OS X 的方便的程序包，其通过有用的 GUI 前端在一个隔离的环境中提供  Apache、MySQL 和 PHP。虽然 Mac OS X 附带安装 Apache 和  PHP，但我还是选择使用此工具，因为其提供了一系列稳定且容易分离的 Web 服务器/数据库/PHP。</li>
<li>TCPDF V5.0.006 — TCPDF 当前的稳定版本。</li>
</ul>
<p>您可以在 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/index.html?ca=drs-#resources">参考资料</a> 部分找到以上所有工具的下载链接。</p>
<p>如果您已经安装了 PHP，我们就来看看如何在您自己的网站上使用 TCPDF。我们将检查安装过程，然后我们将使用 PHP  生成一个显示可能来自任何电子商务站点的发票式样（invoice-style）文档的网页。此后，我们将使用 TCPDF  来创建一个使用类似格式的可打印的 PDF 版发票。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N10092">安装 TCPDF</a></p>
<p>当您从 Sourceforge.net 下载 TCPDF 时，它提供一个自包含的 ZIP 存档，也就是说，您可以使用您最喜欢的 ZIP 提取工具来解压存档，您最终将获得一个包含您所需要的所有信息的 TCPDF 目录。</p>
<p>如果您将 TCPDF 目录添加到您的 web 文档目录，则您可以通过加载 doc/index.html 访问 TCPDF 文档并通过加载 examples/index.php 文件查看任何示例，这也可在 TCPDF 网站上找到（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/index.html?ca=drs-#resources">参考资料</a>）。</p>
<p>然而在您可以查看示例以前，您需要配置您的 TCPDF 安装。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N100A5">配置 — 类 UNIX 系统</a></p>
<p>如果您正在类 UNIX® 系统上安装 TCPDF，则您需要更改文件模式，因为它们并没有全部被标记为可执行。在 Microsoft®  Windows® 系统上存在一个创建 TCPDF 存档的副作用。幸运的是，很容易在来自 shell 的一个失衡中调整这些（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l1">清单 1</a>）。您还需要确保缓存和图像目录是可写入的，因为 TCPDF 将在那里存储临时文件。</p>
<p>下一步，您需要将文件分配给用户和组 web 服务器；虽然这通常是用户 www 和组 www，但是这将取决于您的系统。如果您正在您的个人网站领域以外运行 TCPDF，（在您的主目录下通常是 public_html），则您可以跳过此步骤。<br />
<a name="l1"><strong>清单 1. 调整文件模式和所有权</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>$ cd tcpdf
$ find . -type f | xargs chmod -x
$ chmod +w cache images
$ chown -R www:www .</pre>
</td>
</tr>
</tbody>
</table>
<p>请注意命令可能使用 <code>.</code> 代替 <code>:</code> 来在一些系统上分离用户和组；如果出现问题，则检查其文档详细资料。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N100D2">适用于每个人的配置</a></p>
<p>使用您最喜欢的文本编辑器，加载 config/tcpdf_config.php 文件。这就是 TCPDF 的配置设置并让您控制库的默认设置，并告诉它如何找到自己的支持文件。</p>
<p>在 tcpdf_config.php 中您想要变更的设置包括：</p>
<ul>
<li><code>PDF_PAGE_FORMAT</code> — 如果您不使用公制页面格式，则设置其为 <code>letter</code>。除非您手头有一些非常奇特方法，否则 TCPDF 可能比您的打印机支持更大的页面尺寸。</li>
<li><code>PDF_UNIT</code> — 如果您想用点而不是毫米来布置您的 PDF 文档，则设置其为 <code>pt</code>。</li>
<li><code>PDF_CREATOR</code>、<code>PDF_AUTHOR</code> — 一旦您的 PDF 生成代码忘了设置它们，则默认文档创建者和作者。</li>
</ul>
<p>您可以在您的 PHP 代码中调整这些设置中的任意一个，如果无法确定也无需担心（例如，如果您在此处设置的是像模式文档布局，您仍然可以创建景观文档）。</p>
<p>假设您没有移动文件和目录远离其初始位置，则通过默认配置设置，TCPDF 应该没有呈现任何其附带示例的问题。</p>
<p>在这一点上，您可以加载示例文件以确保您拥有一个正在运行的 TCPDF 安装。让我们使用它来创建一个可打印版的发票。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N1010E">创建发票</a></p>
<p>在您创建了电子商务网站以后，您的客户将订购一些物品，而您将收取他们的货款。虽然这很不错，但是他们将想得到某种发票，以防订单错误或他们的信用卡公司搞混了付款，。</p>
<p>让我们制作一个合理美观的发票网页，这样他们可以看到他们已经订购了什么和您将要向他们收取什么。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N1011A">第一个版本 — Web 页面</a></p>
<p>使用我最喜欢的 PHP 开发环境，我已经创建了一个新的发票文件夹，其包含如下文件：</p>
<ul>
<li>Invoice.php — PHP 生成发票</li>
<li>Invoice.css — CSS 式样的发票</li>
<li>Azuresol_OnyxTree-S.png — Azuresol 的 “OnyxTree S”，您将其用作您公司的标志（来自 iconfinder.com Web 站点的免费图标（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/index.html?ca=drs-#resources">参考资料</a>））</li>
<li>gentleface_print.png — gentleface 的 “Print”，您将使用其触发 PDF 生成（来自 iconfinder.com 的另一个免费图标）</li>
</ul>
<p>在 Invoice.php 内部，检查看看是否使用 PDF 参数调用页面（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l2">清单 2</a>）。如果不是，用户想要一个正常 web 页面，这样您就可以使用 <code>generateHTML</code> 函数（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l3">清单 3</a>）显示页面。稍后您将看到 <code>generatePDF</code> 函数，但是可以肯定使用它来生成发票数据的 PDF 没任何问题。<br />
<a name="l2"><strong>Listing 2. 页面生成控制代码</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>if( array_key_exists( 'PDF', $_REQUEST ) ) {
    generatePDF( $invoiceData );
} else {
    generateHTML( $invoiceData );
}</pre>
</td>
</tr>
</tbody>
</table>
<p><code>$invoiceData</code> 阵列拥有所有发票数据；虽然您将直接在 Invoice.php 上创建它，但是您可以设想数据来自于数据库、web 服务或某种网上购物车系统。<br />
<a name="l3"><strong>清单 3. 生成 HTML</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>function generateHTML( $data ) {
?&gt;
... HTML code was here ...
&lt;?php
    foreach( $data['items'] as $item ) {
        echo '&lt;tr&gt;' . "\n";
        echo '    &lt;td&gt;' . $item[0] . "&lt;/td&gt;\n";
        echo '    &lt;td&gt;' . $item[1] . "&lt;/td&gt;\n";
        echo '    &lt;td&gt;' . $item[2] . "&lt;/td&gt;\n";
        echo '    &lt;td&gt;' . $item[3]. "&lt;/td&gt;\n";
        echo "&lt;/tr&gt;\n";
    }
?&gt;
... HTML code was here ...
&lt;?php
    echo '&lt;td&gt;' . $data['total'] . "&lt;/td&gt;\n";
?&gt;
... HTML code was here ...
&lt;?php
    echo 'Invoice prepared for ' . $data['user'] . ' on ' . $data['date'] . "\n";
?&gt;
... HTML code was here ...
&lt;?php

}</pre>
</td>
</tr>
</tbody>
</table>
<p>为了简单明了我已经删掉了此处所有的 HTML 标记代码；您可以在位于 CreatingPDFs-Invoice.zip 存档文件中的 Invoice.php 上看到它， CreatingPDFs-Invoice.zip 存档文件可以在 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/index.html?ca=drs-#downloads">下载</a> 部分找到。</p>
<p>使用传递给函数的发票信息作为 <code>$data</code>，创建一个包含每个项目一行的表、及其数量、单价和总价的表。在表的末尾，添加一个包含订单的总成本的行。页脚包含用户 ID 和发票生成的日期/时间。</p>
<p>当然，简单明了的事情，以及您在自己站点上实现它的时候所面临的主要挑战，将与您的数据源互动，并获得恰到好处的 CSS 式样。<br />
<a name="f1"><strong>图 1. 光彩夺目的网页发票</strong></a><br />
<img src="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/image002.jpg" alt="截图显示了一个有吸引力的可打印发票示例；Sumatra Special 的最大数量为 24，而其他的则处于 1 到 5 之间" width="572" height="479" /></p>
<p>我完全虚构了一家提供优良咖啡和茶的 South Seas Pacifica 公司，显然我对 Sumatran 品种深深的吸引了。至少他们的价格很吸引人！</p>
<p>右下角的打印机图标是诱人的，您希望能够有单击那里并获得打印发票。这里就是 TCPDF 的用武之地。并不只是打印网页，您将为我们尊贵的客户提供一个时髦的 PDF 版本，这会使他们在轻松的状态下完成打印。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N10194">第二个版本 — PDF</a></p>
<p>现在，您的网页发票看起来很好，您需要创建可以打印的 PDF 版本。</p>
<p>回忆 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l2">清单 2</a>，将 PDF 参数 (http://&#8230;/Invoice.php?PDF) 与 Invoice.php 页面一起加载将调用具有相同数据的 <code>generatePDF</code> 函数（请参考清单 4）。<br />
<a name="l4"><strong>清单 4. 生成 PDF 发票</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>function generatePDF( $data ) {
    # Create a new PDF document.
    $pdf = new InvoicePdf( $data, 'P', 'pt', 'LETTER' );

    # Generate the invoice.
    $pdf-&gt;CreateInvoice();

    # Output the PDF document.
    $pdf-&gt;Output( 'Your_Invoice.pdf', 'D' );
}</pre>
</td>
</tr>
</tbody>
</table>
<p><code>generatePDF</code> 函数创建了一个 <code>InvoicePdf</code> 对象，调用其 <code>CreateInvoice</code> 方法，然后发送一个名为 Your_Invoice.pdf 的下载 PDF 文档给用户的浏览器。虽然这看起来非常简单，但是隐藏了必须自己创建 <code>InvoicePdf</code> 类的事实，且需要复制原始发票式样。让我们来看看这是如何进行的。</p>
<p><code>InvoicePdf</code> 类扩展了 TCPDF 的 <code>TCPDF</code> 类，这是主 PDF 生成引擎。在构造函数（请参考 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l5">清单 5</a>）中，使用传入的 <code>$orientation</code>（页面方向）、<code>$unit</code>（计量单位）和 <code>$format</code>（页 面大小）初始化父类。TCPDF 构造函数的最后三个参数表明输入的是 Unicode（默认为 Ture），已生成 PDF 的字符编码格式是  UTF-8，且您不应使用磁盘缓存 (False)。虽然在创建 PDF  时，磁盘缓存减少了内存占用，但是速度变得更慢了。因为我们的文件不大也不复杂，所以无需权衡这一点。</p>
<p>在初始化父类以后，将参考存储到发票数据以便今后使用。下一步，使用 <code>SetMargins</code> 方法将页边距设置为宽度 72 点、高度 36 点。<code>SetMargins</code> 最终参数表明您正在用自己的值来重写默认页边距。使用 <code>SetAutoPageBreaks</code> 方法，可在从底部算起有 36 点高时告知 TCPDF 自动创建新页面。<br />
<a name="l5"><strong>清单 5. <code>InvoicePdf</code> 类构造函数</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>function __construct( $data, $orientation, $unit, $format ) {
    parent::__construct( $orientation, $unit, $format, true, 'UTF-8', false );

    $this-&gt;invoiceData = $data;

    # Set the page margins: 72pt on each side, 36pt on top/bottom.
    $this-&gt;SetMargins( 72, 36, 72, true );
    $this-&gt;SetAutoPageBreak( true, 36 );

    # Set document meta-information
    $this-&gt;SetCreator( PDF_CREATOR );
    $this-&gt;SetAuthor( 'Chris Herborth (chrish@pobox.com)' );
    $this-&gt;SetTitle( 'Invoice for ' . $this-&gt;invoiceData['user'] );
    $this-&gt;SetSubject( "A simple invoice example for 'Creating PDFs on
the fly with TCPDF' on IBM's developerWorks" );
    $this-&gt;SetKeywords( 'PHP, sample, invoice, PDF, TCPDF' );

    //set image scale factor
    $this-&gt;setImageScale(PDF_IMAGE_SCALE_RATIO); 

    //set some language-dependent strings
    global $l;
    $this-&gt;setLanguageArray($l);
}</pre>
</td>
</tr>
</tbody>
</table>
<p>在建立边距以后，设置 PDF 文档元信息。这将显示在您最喜欢的 PDF 查看器中的文档属性窗口。这些仅仅是字符串，因此您可以将它们设置为任何对您的应用程序有意义的信息。</p>
<p>使用 <code>setImageScale</code> 方法，在 TCPDF 的配置文件中使用默认图像缩放比例设置。这是用于将位图图像的大小从像素大小调整为适合的页面。</p>
<p>最后，使用 <code>setLanguageArray</code> 来为 PDF 文件设置一些语言相关的字符串；通过 TCPDF 主配置，这些会在特定语言配置文件中定义。</p>
<p>在 <a href="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/l6">清单 6</a> 中，您重写了 <code>Header</code> 方法，其被调用以便生成每一个页面的标题内容。首先，定义一些变量。以 14 点的 <code>bigFont</code> 大小开始，您会计算出商标图像的相对大小和相对于 <code>bigFont</code> 大小的正常文本大小。然后您将深入 TCPDF 调用。</p>
<p><code>ImagePngAlpha</code> 方法插入放置在其左上角宽 72 点、高 32 点的商标图像，其与您以前的边距设置相匹配。因为它是一个正方形的图像，所以您可以指定相同的宽度和高度（已计算的 <code>$imageScale</code>）。您将要说明它是一个 PNG 图像，因为此调用实际可以插入 PNG 和 JPEG 图像（如果在您的 PHP 安装中已安装了 GD 库，则其也可以加载任何由 GD 支持的图像）。下一步，指定一个空值，因为您没有为此图像添加 PDF 链接（通过 <code>AddLink</code> 方法创建）目标。再下一步，使用 <code>T</code> 来说明您想在图像区域的右上角制定下一个 PDF 对象。最后，告知 TCPDF 不要调整图像大小，既保持初始的 72 dpi（一个通用的屏幕分辨率），且图像在页面上应该左对齐。</p>
<p>显然，<code>ImagePngAlpha</code> 方法对如何在 PDF 文档中将图像添加到页面的问题上给予您大量的控制（请参考清单 6）。<br />
<a name="l6"><strong>清单 6. 页面标题的生成</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>public function Header() {
    global $webcolor;

    # The image is this much larger than the company name text.
    $bigFont = 14;
    $imageScale = ( 128.0 / 26.0 ) * $bigFont;
    $smallFont = ( 16.0 / 26.0 ) * $bigFont;

    $this-&gt;ImagePngAlpha('Azuresol_OnyxTree-S.png', 72, 36, $imageScale,
$imageScale, 'PNG', null, 'T', false, 72, 'L' );
    $this-&gt;SetFont('times', 'b', $bigFont );
    $this-&gt;Cell( 0, 0, 'South Seas Pacifica', 0, 1 );
    $this-&gt;SetFont('times', 'i', $smallFont );
    $this-&gt;Cell( $imageScale );
    $this-&gt;Cell( 0, 0, '', 0, 1 );
    $this-&gt;Cell( $imageScale );
    $this-&gt;Cell( 0, 0, '31337 Docks Avenue,', 0, 1 );
    $this-&gt;Cell( $imageScale );
    $this-&gt;Cell( 0, 0, 'Toronto, Ontario', 0, 1 );

    $this-&gt;SetY( 1.5 * 72, true );
    $this-&gt;SetLineStyle( array( 'width' =&gt; 2, 'color' =&gt;
array( $webcolor['black'] ) ) );
    $this-&gt;Line( 72, 36 + $imageScale, $this-&gt;getPageWidth() - 72, 36
+ $imageScale );
}</pre>
</td>
</tr>
</tbody>
</table>
<p>在标题上放置商标图像以后，设置字体（粗体 Times，使用您的 <code>bigFont</code> 大小），然后创建一些单元格来存放公司的名称和地址信息。这些单元格在 HTML 上包含文本，而且有点像表格单元格。<code>Cell</code> 方法采用这些参数（实际上更多；参考 TCPDF 文档获取完整列表）：</p>
<ul>
<li><code>Width</code> — 单元格宽度；如果设置为 0，则单元格一直扩展到右侧边距（或者如果您使用的是从右到左的语言，则扩展到左侧边距）。</li>
<li><code>Height</code> — 单元格高度；如果设置为 0，则单元格高度将扩展，以便能放得下内容。</li>
<li><code>Text</code> — 该文本在单元格内绘制，使用当前的字体和颜色设置。</li>
<li><code>Border</code> — 说明是否边界应该根据单元格制定。在这种情况下，由于您正在使用 0，所以您无需任何边界。您也可以传递 1 来根据单元格制定完整的边界，或字符串以便说明特定的边界。</li>
<li><code>Position</code> — 说明何处创建下一个单元格；1 表明您需要其在下一行的开始出显示，但是您可以使用 0 在此单元格旁边添加下一个单元格，或者 2 以停留在当前的 X 坐标并移到下一行。</li>
</ul>
<p>最后，我们的 <code>Header</code> 方法在标题的底部绘制了一条两点黑线，一直穿过页面的内容区域。图 2 显示了将如何在页面上查看，如 Mac OS X 的 预览应用程序所呈现的那样。<br />
<a name="f2"><strong>图 2. 打印标题，就像网页标题</strong></a><br />
<img src="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/image003.jpg" alt="截图对左边的地址显示了带有图形商标的标题，名称使用大的、粗体的字体，且地址使用斜体" width="572" height="212" /></p>
<p>现在您已经创建了一个原始标题的合理副本，您也需要重写 <code>Footer</code> 方法，以便于您生成页脚。这非常简单，只包含用户 ID 和发票信息，其通过另外一个两点黑线从剩余的页面中分离出来。</p>
<p>您尚未看到此方法的唯一部分正在使用使用一个负值调用 <code>SetY</code> 方法。在您这样做的时候，相对于页面的底部设置当前的 <em>Y</em>。在这里，您将要为页面页脚留下大量的空间，以确保您的绘制不太接近底部边距（请参考清单 7）。<br />
<a name="l7"><strong>清单 7. 页面页脚的生成</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>public function Footer() {
    global $webcolor;

    $this-&gt;SetLineStyle( array( 'width' =&gt; 2, 'color' =&gt;
array( $webcolor['black'] ) ) );
    $this-&gt;Line( 72, $this-&gt;getPageHeight() - 1.5 * 72 - 2,
$this-&gt;getPageWidth() - 72, $this-&gt;getPageHeight() - 1.5 * 72 - 2 );
    $this-&gt;SetFont( 'times', '', 8 );
    $this-&gt;SetY( -1.5 * 72, true );
    $this-&gt;Cell( 72, 0, 'Invoice prepared for ' .
$this-&gt;invoiceData['user'] . ' on ' . $this-&gt;invoiceData['date'] );
}</pre>
</td>
</tr>
</tbody>
</table>
<p>在您创建页面时，显示出来的就像发票的网络版，只是减去了打印机的图标。您已经中断了此操作，因为这是打印版本（它是多余的）。图 3 得出了结果。<br />
<a name="f3"><strong>图 3. 已打印的页脚</strong></a><br />
<img src="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/image004.jpg" alt="截图显示了页脚，其对带有收件人、时间和日期的详细信息用粗体水平线标出" width="572" height="82" /></p>
<p>在这一点上，您拥有附带美观的页眉和页脚的空白页。您需要为此添加实际的发票内容，这样做很有用。</p>
<p>在使用 <code>AddPage</code> 方法启动新的页面以后（在这种情况下，这是唯一的页面），将字体设置为 11 点 Helvetica 并将插入点从页面的顶部移动到 144 点处。在表开始以前，这会在页眉以下给我们留出一个小空间。</p>
<p>下一步，要计算您将需要使表居中的缩进量，这基于页面宽度、两个 72 点边距、一个宽列和三个正常列。</p>
<p>在此之后，您将使用以前计算出的值并描绘出每个单元格的完全边界，来创建一系列单元格以呈现列标题。您还要右对齐数字列的标题因为它们通过值进行排列。在标题单元格的最后，您要调用 <code>Ln</code> 方法以便向下移动到下一行的开始。</p>
<p>通过在发票上迭代项目的 <code>foreach</code> 循环，您为每一个内容行进行同类型的布局（请参考清单 8）。<br />
<a name="l8"><strong>清单 8. 页面内容的生成</strong></a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<pre>public function CreateInvoice() {
    $this-&gt;AddPage();
    $this-&gt;SetFont( 'helvetica', '', 11 );
    $this-&gt;SetY( 144, true );

    # Table parameters
    #
    # Column size, wide (description) column, table indent, row height.
    $col = 72;
    $wideCol = 3 * $col;
    $indent = ( $this-&gt;getPageWidth() - 2 * 72 - $wideCol - 3 * $col ) / 2;
    $line = 18;

    # Table header
    $this-&gt;SetFont( '', 'b' );
    $this-&gt;Cell( $indent );
    $this-&gt;Cell( $wideCol, $line, 'Item', 1, 0, 'L' );
    $this-&gt;Cell( $col, $line, 'Quantity', 1, 0, 'R' );
    $this-&gt;Cell( $col, $line, 'Price', 1, 0, 'R' );
    $this-&gt;Cell( $col, $line, 'Cost', 1, 0, 'R' );
    $this-&gt;Ln();

    # Table content rows
    $this-&gt;SetFont( '', '' );
    foreach( $this-&gt;invoiceData['items'] as $item ) {
        $this-&gt;Cell( $indent );
        $this-&gt;Cell( $wideCol, $line, $item[0], 1, 0, 'L' );
        $this-&gt;Cell( $col, $line, $item[1], 1, 0, 'R' );
        $this-&gt;Cell( $col, $line, $item[2], 1, 0, 'R' );
        $this-&gt;Cell( $col, $line, $item[3], 1, 0, 'R' );
        $this-&gt;Ln();
    }

    # Table Total row
    $this-&gt;SetFont( '', 'b' );
    $this-&gt;Cell( $indent );
    $this-&gt;Cell( $wideCol + $col * 2, $line, 'Total:', 1, 0, 'R' );
    $this-&gt;SetFont( '', '' );
    $this-&gt;Cell( $col, $line, $this-&gt;invoiceData['total'], 1, 0, 'R' );
}</pre>
</td>
</tr>
</tbody>
</table>
<p>代码的最后一位呈现总行数。这演示了您如何可以更容易地在单元格之间变更字体式样（通过调用 <code>SetFont</code> 方法来打开或关闭粗体）。第一个文本单元格的宽度被设置横跨表的前三列，因为您需要发票总数出现在最后一列的底部。</p>
<p>一旦您完成后，发票项目表看起来将非常的棒（请参考图 4）。<br />
<a name="f4"><strong>图 4. 发票上的项目</strong></a><br />
<img src="http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/image005.jpg" alt="附带数量、价格和总数的项目格式化清单的截图" width="562" height="141" /></p>
<p>通过逻辑地布局文本单元格，您已经用适合打印的格式重新创建了初始的网页。在无需变更网页本身或任何基础数据的情况下，TCPDF 让您将创建 PDF 的支持添加到您现存的 PHP 网页上。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="N10301">结束语</a></p>
<p>本文向您介绍了 TCPDF，它是一种用于生成 PDF 文档的流行 PHP 库。TCPDF  无需额外的库就能执行此操作，并使其作为您现有 PHP 网站的一部分易于安装。本文向您显示了在类 UNIX 系统中安装并配置 TCPDF  的概述。然后您创建了一个简单的基于 Web 的发票，类似于您可能在一家从事异国热饮的电子商务站点上所看到的诸如此类的事情。</p>
<p>一旦您拥有一个看上去像专业发票的网页，您就可以扩展 <code>TCPDF</code> 类来生产一个 PDF 版本的发票，即客户可以轻松地下载或打印。重写 <code>Header</code> 和 <code>Footer</code> 方法让我们用相似的方式建立页面，然后您可以编写一个附加方法来布置发票项目作为一个表。</p>
<div>
<hr /></div>
<p><a href="#top">回页首</a></p>
<p><a name="download">下载</a></p>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<th scope="col">描述</th>
<th scope="col">名字</th>
<th scope="col">大小</th>
<th scope="col">下载方法</th>
</tr>
<tr>
<td scope="row">文章源代码</td>
<td>os-tcpdf-CreatingPDFs-Invoice.zip</td>
<td>21KB</td>
<td><a href="http://www.ibm.com/developerworks/apps/download/index.jsp?contentid=521215&amp;filename=os-tcpdf-CreatingPDFs-Invoice.zip&amp;method=http&amp;locale=zh_CN">HTTP</a></td>
</tr>
</tbody>
</table>
<p><a href="http://www.ibm.com/developerworks/cn/whichmethod.html">关于下载方法的信息</a></p>
<p>﻿本文转载自IBM.COM</p>
<p>http://www.ibm.com/developerworks/cn/opensource/os-tcpdf/index.html?ca=drs-</p>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/975/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>判断一个数是否是2的次方</title>
		<link>http://anfirst.cn/archives/938</link>
		<comments>http://anfirst.cn/archives/938#comments</comments>
		<pubDate>Wed, 20 Jan 2010 02:33:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[经典网摘]]></category>
		<category><![CDATA[程序分析]]></category>
		<category><![CDATA[算法]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=938</guid>
		<description><![CDATA[经典的： int IsPower(unsigned n) { if(n==0) return 1; while(n) { if(n%2==0) { n = n/2; if(n==1) return 1; } else return 0; } } 不必解释 超强的： int IsPower(unsigned n) { return (n&#38;&#38;!(n&#38;(n-1))); } 解释： 如果一个数是2的次方，则转成2进制是首位为1，其余都为0，比如： 2(10) 4(100) 8(1000) 16(10000)&#8230;&#8230; 如果一个数和全1的相与还是等于自己，则这个数就是2的次方 n&#38;(n-1)计算的是全零的情况，故!(n&#38;(n-1))是全1的情况﻿ 转自 http://hi.baidu.com/mzyse/blog/item/6b5f5517d5d9d30cc83d6da3.html]]></description>
			<content:encoded><![CDATA[<p>经典的：<br />
int IsPower(unsigned n)<br />
{<br />
if(n==0)<br />
return 1;<br />
while(n)<br />
{<br />
if(n%2==0)<br />
{<br />
n = n/2;<br />
if(n==1)<br />
return 1;<br />
}<br />
else return 0;<br />
}<br />
}<br />
不必解释</p>
<p>超强的：<br />
int IsPower(unsigned n)<br />
{<br />
return (n&amp;&amp;!(n&amp;(n-1)));<br />
}</p>
<p>解释：<br />
如果一个数是2的次方，则转成2进制是首位为1，其余都为0，比如：<br />
2(10) 4(100) 8(1000) 16(10000)&#8230;&#8230;</p>
<p>如果一个数和全1的相与还是等于自己，则这个数就是2的次方</p>
<p>n&amp;(n-1)计算的是全零的情况，故!(n&amp;(n-1))是全1的情况﻿</p>
<p>转自 http://hi.baidu.com/mzyse/blog/item/6b5f5517d5d9d30cc83d6da3.html</p>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/938/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>php mkdir 递归创建多级目录</title>
		<link>http://anfirst.cn/archives/822</link>
		<comments>http://anfirst.cn/archives/822#comments</comments>
		<pubDate>Mon, 14 Sep 2009 08:21:05 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[mkdir]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php编程]]></category>
		<category><![CDATA[案例]]></category>
		<category><![CDATA[算法]]></category>
		<category><![CDATA[递归]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=822</guid>
		<description><![CDATA[php默认的mkdir一次只能创建一层目录，如果在当前目录下创建一个div/css/layout 的目录就需要逐层逐层的先创建div,再创建div/css 再创建 div/css/layout,然而我们希望能让程序自动帮我们完成这个过程。 其实思路也很简单，1.先判断 div目录是否存在，不存在则创建；2.判断子目录 div/css 是否存在，不能存在则创建，3.在第二步中以子目录作为参数递归调用函数本身。也可以按相反顺序来，1.先判断最底层目录div/css/layout是否存在；2.判断div/css/layout的上层目录div/css是否存在，不存在则以div/css作为参数递归进行。。 下面是程序代码: function mkdirs($dir) { if(!is_dir($dir)) { if(!mkdirs(dirname($dir))){ return false; } if(!mkdir($dir,0777)){ return false; } } return true; } mkdirs('div/css/layout'); 同样的思路，php用rmdir和unlink递归删除多级目录的代码： function rmdirs($dir) { $d = dir($dir); while (false !== ($child = $d-&#62;read())){ if($child != '.' &#38;&#38; $child != '..'){ if(is_dir($dir.'/'.$child)) rmdirs($dir.'/'.$child); else unlink($dir.'/'.$child); } } $d-&#62;close(); rmdir($dir); [...]]]></description>
			<content:encoded><![CDATA[<p>php默认的mkdir一次只能创建一层目录，如果在当前目录下创建一个div/css/layout 的目录就需要逐层逐层的先创建div,再创建div/css 再创建 div/css/layout,然而我们希望能让程序自动帮我们完成这个过程。</p>
<p>其实思路也很简单，1.先判断 div目录是否存在，不存在则创建；2.判断子目录 div/css 是否存在，不能存在则创建，3.在第二步中以子目录作为参数递归调用函数本身。也可以按相反顺序来，1.先判断最底层目录div/css/layout是否存在；2.判断div/css/layout的上层目录div/css是否存在，不存在则以div/css作为参数递归进行。。</p>
<p>下面是程序代码:</p>
<pre lang="PHP" line="1" >
function mkdirs($dir)
{
if(!is_dir($dir))
{
if(!mkdirs(dirname($dir))){
return false;
}
if(!mkdir($dir,0777)){
return false;
}
}
return true;
}
mkdirs('div/css/layout');
</pre>
<p>同样的思路，php用rmdir和unlink递归删除多级目录的代码：</p>
<pre lang="PHP" line="1">function rmdirs($dir)
{
$d = dir($dir);
while (false !== ($child = $d-&gt;read())){
if($child != '.' &amp;&amp; $child != '..'){
if(is_dir($dir.'/'.$child))
rmdirs($dir.'/'.$child);
else unlink($dir.'/'.$child);
}
}
$d-&gt;close();
rmdir($dir);
}</pre>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/822/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>图形验证码的破解与设计【转】</title>
		<link>http://anfirst.cn/archives/820</link>
		<comments>http://anfirst.cn/archives/820#comments</comments>
		<pubDate>Thu, 10 Sep 2009 13:09:02 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[经典网摘]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[图形]]></category>
		<category><![CDATA[算法]]></category>
		<category><![CDATA[验证码]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=820</guid>
		<description><![CDATA[图形验证码设计目的是利用人脑的不可模拟性来防止机器自动识别.但是一个设计低级的图形验证码(可以被快速破解)除了增加网络流量以外没有任何意义.网上太多的"生成验证码"的教程把重点放在如何生成图片上,而实用性却几乎为零.生成图形本身是零基础技能,任何平台都提供内存图形环境和设备上下文(DC) 让你操作,vc中的CDC,java/.NET中的Graphics,都提供比你需要的还要多的绘图API.可以说介绍这些东西根本没有必要.(竟然还在某些地方看到图形叠加叫做水印的,图片水印是指可分离的但合成后不可视的图形透明通道,用于象电子印章之类的加密验证技术).设计一个复杂的难以破解的图形验证码需要了解常规的可以破解图形验证码的技术种类...]]></description>
			<content:encoded><![CDATA[<p>图形验证码设计目的是利用人脑的不可模拟性来防止机器自动识别.但是一个设计低级的图形验证码(可以被快速破解)除了增加网络流量以外没有任何意义.网上太多的”生成验证码”的教程把重点放在如何生成图片上,而实用性却几乎为零.生成图形本身是零基础技能,任何平台都提供内存图形环境和设备上下文(DC)让你操作,vc中的CDC,java/.NET中的Graphics,都提供比你需要的还要多的绘图API.可以说介绍这些东西根本没有必要.(竟然还在某些地方看到图形叠加叫做水印的,图片水印是指可分离的但合成后不可视的图形透明通道,用于象电子印章之类的加密验证技术).设计一个复杂的难以破解的图形验证码需要了解<br />
常规的可以破解图形验证码的技术种类.<br />
利用session生存期来凭肉眼设别一次后无限次使用同一图形验证码并不算图形验证码的破解.这只是没有经验的程序员设计上的逻辑BUG.即图形验证码的session存活期是全局的.而不是针对某次验证过程的.具体过程如下:</p>
<p>客户端请求一个图形验证码.服务器生成一个图形验证码并将验证码的内容放在session中.当客户端凭肉眼识别通过输入框提交验证码内容后,服务端和session中的内容比较通过.用户其它信息校验成功后成功登录.但这时验证码的session还没有过期,客户端用相同的内容还可以为另一次验证使用.所以每个验证过的验证码的session应该立即销毁.这种逻辑上的BUG可以被没有任何技术经验的人所破解.真正的对图形识别码进行破解,大多数是对验证码进行切割比对.假设图形验证码生成的图片上数字是1234</p>
<p>一.切割:首先利用一定算法可以将其切割成最小的四张图片.将四周的空白最大可能地去除.<br />
二.退色:将彩色图片退色成黑白的.用两极法,在0-255中小于128的视为黑色,128到255视为白色.<br />
三.去躁点,将连续黑色范围小于某值,比如小于最小笔划中点的区域做成白色.<br />
四.再进行最小切割.<br />
五.比对,利用已经做好的图形库进行象素比对.因为经过上面的处理,图象都成了黑白两色,以尺寸最匹配的图片进行比对.先拿图形库中干净的标本图片和没有去躁点的目标比对,看标本图片中每个黑色象素在目标中是否存在,如果都存在比对通过.目标图片中的黑点在标本图片中没有的应该为躁点.然后拿去躁后的目标图片的黑色象素去标本图片比对,看是标本图片中是否存在,如果都存在为通过.有可能去躁不切底,这个过程只能作为参考,通过则为充分条件,不通过不是必要否决条件.从上面比对过程我们可以看出.比对的最重要的一步是切割,如何能保证目标图片被成功要割成已有标本图的大小匹配是最关键的技术.如果你的图片内容生成时本身就是按规则生存有,比如drawString时把一行内容串完整地画出来.那么间隔都是固定的,字符大小也是固定的.即使每次只画一个字,每个字意隔不同,但只要按最小切割,也就是把所有的行列中没有有效点的空白去切去,再以一套按最小切割的标本图来比较就很容易了.字体大小和样式(斜体,下划线,加粗),体型(黑体,宋体)的变化对增加难度不大,只要按不同字号和式样以及体型多备几套标本库,当然变化越多比对出错可能性越大,但从字体大小和式样上变化不是根本手段.如果你的验证码本身只有黑白两色那真正是让破解者太感谢了.复杂的颜色可以让其在退色过程中增加出错几率.长条形类似笔画的躁点,在比对时并不起多大作用,因为可以以标本图的象素去找目标图对应象素,躁点就是多余出来的.但长条形类型笔画的躁点加上不规则间隔对切割起到了巨大的阻碍作用.最最关键的要点是重叠技术.<br />
两个字之间的部份重叠对于肉眼识别基本上没有障碍,但对于依赖切割比对的机器而言却是致命的克星.所以保证你的验证码内容中有一些文字内容部份的重叠.如果字数较长,比如8位,其中有两至三处的重叠,那么基本破解程序就死掉了.有些高级的破解程序利用色差切割,两个字的相交处的不同颜色来作为切割界限,在这里可以将重叠的字设同色.增加切割难度.<br />
只要无法切割,那么其它方法就无计可施.所以设计一个难以切割的验证码是保证不被破解的最有力的保证.文字内容只增加比对时间而已,你用18030个中文字符和用10个数字,比对过程可能会增加1000多倍,对于机器比对而言难度不大,但很大地加强了标本图库的制作的难度.<br />
下面是我用c#做的一个简单例子.复杂的设计用简单来说明,其实抓住最关键的地方就是至少保证有一次重叠,因为只是例子.真正实用的时候我会做出三次以上重叠.我用不同字号来何证间隔的不规则性.将原始阿位佰数字和转换后的数字都保存起来,用户可以根据图片内容只输入阿位佰数字或图片上的内容都可以.注意如果输入的内容中有不好输入的字应该提供一个软键盘之类的输入界面.<br />
string[] CharList = { “零壹贰叁肆伍陆柒捌玖”, “○一二三四五六七八九” };<br />
int[] size = { 10, 12, 14 };<br />
string[] fm = { “宋体”,”楷体_GB2312&#8243;,”黑体”};<br />
这些常量定义都可以再复杂一些.<br />
DateTime dt = DateTime.Now;<br />
Random r = new Random();<br />
int x = r.Next(10000, 100000);<br />
string tmp = “”;<br />
string src = x.ToString();<br />
Bitmap bmp = new Bitmap(100, 20);<br />
Graphics g = Graphics.FromImage(bmp);<br />
g.FillRectangle(Brushes.White, 0, 0, 100, 20);<br />
Console.WriteLine(src);<br />
int lastSize = 0;<br />
Color lastColor;<br />
bool into = false;<br />
for (int i = 0; i &lt; 5; i++)<br />
{<br />
char ch = CharList[r.Next(0, 2)][Convert.ToInt32(src[i].ToString())];<br />
tmp += ch;<br />
int sz = size[r.Next(0, 3)];<br />
if (i == 3 &amp;&amp; !into) //总共5字,到了第4个还没的重叠的话那第四个要设成14号字<br />
//保证重叠发生<br />
sz = 14;<br />
int cr = r.Next(0, 200);<br />
int cg = r.Next(0, 200);<br />
int cb = r.Next(0, 200);<br />
Color c = Color.FromArgb(cr, cg, cb);<br />
int sub = 0;<br />
if (lastSize == 14) {//如果上一个字是14号,那么下一字向左入侵保证重叠<br />
//对大字号重叠的可视性要比小字号强.<br />
//重叠时最好将当前字符的颜色设为上一字符颜色<br />
c = lastColor;<br />
into = true;<br />
sub = 8;<br />
}<br />
g.DrawString(ch.ToString(),<br />
new Font(new FontFamily(fm[r.Next(0, fm.Length)]), sz),<br />
new SolidBrush(c),<br />
new Point(i * 20 &#8211; sub, 0));<br />
//这里因为字号不同,间隔也不同,但每个字的起始点相同,可以修改根据上一个字<br />
//的大小再调整起始点.<br />
lastSize = sz;<br />
lastColor = c;<br />
}<br />
bmp.Save(“d:/aaa.gif”);<br />
Console.WriteLine(tmp);</p>
<p>TimeSpan ts = DateTime.Now &#8211; dt;<br />
Console.WriteLine(ts.Milliseconds);</p>
<p>这样的过程在我的台式机上一般在15毫秒左右,在服务器上应该更快.<br />
效果:<br />
肉眼很容易识别,但机器却很难切割<br />
其实这其中还有更多的技巧,但从总体而言就是保证不能被机器正确地切割.没有切割,那么就不能处理比对.<br />
(当然利用银河机进行组合整体比对理论上也是可以的).<span style="text-decoration: underline;">在防切割上的重点设计才是真正的设计目标.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/820/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript 图片loading的实现</title>
		<link>http://anfirst.cn/archives/818</link>
		<comments>http://anfirst.cn/archives/818#comments</comments>
		<pubDate>Tue, 08 Sep 2009 10:03:57 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[zencart项目]]></category>
		<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[loading]]></category>
		<category><![CDATA[算法]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=818</guid>
		<description><![CDATA[我们在设计一些图片比较多的网页时，为了增强用户体验，希望图片加载的时候有个loading动画效果，而不是由空白到一下子出来。在zen cart的二次开发过程中同样也遇到了这个问题，下面是我的解决方案。 首页给图片设置一个默认的loading动画，再分配一个id，如&#60;img  id=”loading1&#8243;  src=”loading.gif”&#62;实际上加载过程通过一个函数来完成 function addListener(element, type, expression, bubbling) { bubbling = bubbling &#124;&#124; false; if(window.addEventListener)    { // Standard element.addEventListener(type, expression, bubbling); return true; } else if(window.attachEvent) { // IE element.attachEvent('on' + type, expression); return true; } else return false; } var ImageLoader = function(url){ this.url = url; this.image = null; this.loadEvent = null; [...]]]></description>
			<content:encoded><![CDATA[<p>我们在设计一些图片比较多的网页时，为了增强用户体验，希望图片加载的时候有个loading动画效果，而不是由空白到一下子出来。在zen cart的二次开发过程中同样也遇到了这个问题，下面是我的解决方案。</p>
<p>首页给图片设置一个默认的loading动画，再分配一个id，如&lt;img  id=”loading1&#8243;  src=”loading.gif”&gt;实际上加载过程通过一个函数来完成</p>
<pre lang="JAVASCRIPT" line="1">function addListener(element, type, expression, bubbling)
{
bubbling = bubbling || false;
if(window.addEventListener)    { // Standard
element.addEventListener(type, expression, bubbling);
return true;
} else if(window.attachEvent) { // IE
element.attachEvent('on' + type, expression);
return true;
} else return false;
}

var ImageLoader = function(url){
this.url = url;
this.image = null;
this.loadEvent = null;
};

ImageLoader.prototype = {
load:function(){
this.image = document.createElement('img');
var url = this.url;
var image = this.image;
var loadEvent = this.loadEvent;
addListener(this.image, 'load', function(e){
if(loadEvent != null){
loadEvent(url, image);
}
}, false);
this.image.src = this.url;
},
getImage:function(){
return this.image;
}
};

function loadImage(objId,urls){
var loader = new ImageLoader(urls);
loader.loadEvent = function(url){
obj = document.getElementById(objId);
obj.src = url;
}
loader.load();
}</pre>
<p>通过loadImage函数就可以为指定的图片添加加载过程，其中通过addListener 函数注册事件，使得在图片加载完成的时候能够自动替换掉loading.gif这个动画过渡图片。使用代码很简单</p>
<blockquote><p>&lt;img  id=”loading1&#8243;  src=”loading.gif”  /&gt;</p>
<p>&lt;script language=”javascript”&gt;</p>
<p>loadImage(“loading1&#8243;,”http://www.baidu.com/img/baidu_logo.gif”);</p>
<p>&lt;/script&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/818/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>php产生验证码完整案例</title>
		<link>http://anfirst.cn/archives/808</link>
		<comments>http://anfirst.cn/archives/808#comments</comments>
		<pubDate>Fri, 28 Aug 2009 05:18:11 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[zencart项目]]></category>
		<category><![CDATA[全部文章]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php编程]]></category>
		<category><![CDATA[zen cart]]></category>
		<category><![CDATA[程序分析]]></category>
		<category><![CDATA[算法]]></category>
		<category><![CDATA[验证码]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=808</guid>
		<description><![CDATA[今天继续开发zen cart项目，加上了验证码的功能，考虑到需要较高的安全性，自己手工写了个小程序，功能还算全面，自动检测背景和字体，并随机选取背景图片中的一块范围，随机使用字体，显示验证字符串时随机显示字体大小，字符间距，字符颜色等。以下是程序代码。 validimg.php文件 &#60;?php /** * Class for Validate image * @author  zcs * @version 1.0-20090828 */ session_start(); class validimg { //背景图片目录 var $backgroundpath = &#8216;validbg&#8217;; //生成验证码宽度 var $width =&#8217;80&#8242;; //生成验证码高度 var $height =&#8217;25&#8242;; //背景 var $background; //验证文本 var $text=&#8217;abcd&#8217;; //字体目录 var $fontpath = &#8216;validbg&#8217;; //字体 var $font=&#8217;simhei.ttf&#8217;; //字体宽度 var $font_width = &#8217;20&#8242;; function validimg($text) [...]]]></description>
			<content:encoded><![CDATA[<p>今天继续开发zen cart项目，加上了验证码的功能，考虑到需要较高的安全性，自己手工写了个小程序，功能还算全面，自动检测背景和字体，并随机选取背景图片中的一块范围，随机使用字体，显示验证字符串时随机显示字体大小，字符间距，字符颜色等。以下是程序代码。<br />
validimg.php文件</p>
<blockquote><p>&lt;?php<br />
/**<br />
* Class for Validate image<br />
* @author  zcs<br />
* @version 1.0-20090828<br />
*/</p>
<p>session_start();<br />
class validimg<br />
{<br />
//背景图片目录<br />
var $backgroundpath = &#8216;validbg&#8217;;<br />
//生成验证码宽度<br />
var $width =&#8217;80&#8242;;<br />
//生成验证码高度<br />
var $height =&#8217;25&#8242;;<br />
//背景<br />
var $background;<br />
//验证文本<br />
var $text=&#8217;abcd&#8217;;<br />
//字体目录<br />
var $fontpath = &#8216;validbg&#8217;;<br />
//字体<br />
var $font=&#8217;simhei.ttf&#8217;;<br />
//字体宽度<br />
var $font_width = &#8217;20&#8242;;</p>
<p>function validimg($text)<br />
{<br />
$this-&gt;text = $text;<br />
//随机选取一个背景文件<br />
$bgdir =  @dir($this-&gt;backgroundpath);<br />
while(false !== ($image = $bgdir -&gt;read()))<br />
{<br />
if($image != &#8216;.&#8217; &amp;&amp; $image != &#8216;..&#8217; &amp;&amp; $this-&gt;checktype($image) != false)<br />
{<br />
$backgroundarr[] = $image;</p>
<p>}<br />
}<br />
$bgdir-&gt;close();<br />
//随机选取一个字体文件<br />
$fonts =  @dir($this-&gt;fontpath);<br />
while(false !== ($font = $fonts -&gt;read()))<br />
{<br />
if($font != &#8216;.&#8217; &amp;&amp; $font != &#8216;..&#8217; &amp;&amp; $this-&gt;checktype($font,&#8217;FONT&#8217;) != false)<br />
{<br />
$fontsarr[] = $font;<br />
}<br />
}<br />
$fonts-&gt;close();<br />
$this-&gt;font = $fontsarr[array_rand($fontsarr,1)];<br />
$this-&gt;background = $backgroundarr[array_rand($backgroundarr,1)];</p>
<p>$this-&gt;output();<br />
}</p>
<p>//创建背景图像handdle<br />
function createbackground()<br />
{<br />
switch ($this-&gt;checktype($this-&gt;background))<br />
{<br />
case &#8216;jpg&#8217;:<br />
$bghanddle = @imagecreatefromjpeg( $this-&gt;backgroundpath.&#8217;/&#8217;.$this-&gt;background);<br />
break;<br />
case &#8216;gif&#8217;:<br />
$bghanddle = @imagecreatefromgif( $this-&gt;backgroundpath.&#8217;/&#8217;.$this-&gt;background);<br />
break;<br />
case &#8216;png&#8217;:<br />
$bghanddle = @imagecreatefrompng( $this-&gt;backgroundpath.&#8217;/&#8217;.$this-&gt;background);<br />
break;<br />
default:<br />
}<br />
return $bghanddle;<br />
}<br />
//检查文件类型<br />
function checktype( $image,$type = &#8216;IMAGE&#8217;)<br />
{<br />
$ext = substr( $image, strrpos($image,&#8217;.')+1);<br />
if($type == &#8216;IMAGE&#8217;)<br />
{<br />
if ($ext == &#8216;jpg&#8217; || $ext ==&#8217;gif&#8217; || $ext ==&#8217;png&#8217;)<br />
return $ext;<br />
else return false;<br />
}else if($type == &#8216;FONT&#8217;)<br />
{<br />
if ($ext == &#8216;ttf&#8217;)<br />
return $ext;<br />
else return false;<br />
}<br />
}<br />
//输出<br />
function output()<br />
{<br />
header(“content-type:image/png;”);<br />
//生成图像<br />
$img = @imagecreatetruecolor( $this-&gt;width,$this-&gt;height);<br />
$bghanddle = $this-&gt;createbackground();<br />
//从背景图像随机位置载入一块作为背景<br />
if($bghanddle)<br />
{<br />
$randx=rand(0,(imagesx($bghanddle) &#8211; $this-&gt;width));<br />
$randy=rand(0,(imagesy($bghanddle) &#8211; $this-&gt;height));<br />
}<br />
imagecopy($img,$bghanddle,0,0,$randx,$randy,$this-&gt;width,$this-&gt;height);<br />
//随机选择角度 字体大小 坐标输出文字<br />
for($i=0;$i&lt;strlen($this-&gt;text);$i++)<br />
{<br />
$angle = rand(-30,30);<br />
$fontsize = rand(15,20);<br />
$x = rand($this-&gt;font_width*$i,$this-&gt;font_width*$i+10);<br />
$color = imagecolorallocate($img, rand(0,255), rand(0,255), rand(0,255));<br />
imagettftext($img,$fontsize,$angle,$x,20,$color,$this-&gt;fontpath.&#8217;/&#8217;.$this-&gt;font,substr($this-&gt;text,$i,1));<br />
}<br />
imagepng($img);<br />
//释放资源<br />
imagedestroy($img);<br />
imagedestroy($bghanddle);<br />
}<br />
}</p>
<p>new validimg($_SESSION['valid']);<br />
?&gt;</p></blockquote>
<p>测试文件validtest.php</p>
<blockquote><p>&lt;?php<br />
/**<br />
* 验证码测试<br />
* @author  zcs<br />
*/<br />
session_start();<br />
$_SESSION['valid']= randstr();<br />
echo $_SESSION['valid'];</p>
<p>//随机生成字符串</p>
<p>function randstr($num=4)<br />
{<br />
$chars = &#8216;ABDEFGHJKLMNPQRSTVWXYabdefghijkmnpqrstvwxy23456789&#8242;;<br />
$randstr=”;<br />
for($i=0;$i&lt;$num;$i++)<br />
{<br />
$randstr.=substr($chars,rand(0,strlen($chars)),1);<br />
}<br />
return $randstr;<br />
}<br />
?&gt;<br />
&lt;img src=”validimg.php” /&gt;</p></blockquote>
<p>Demo <a href="http://anfirst.cn/case/validimg/">http://anfirst.cn/case/validimg/</a></p>
<p>代码包下载：<a href="http://anfirst.cn/wp-content/uploads/2009/08/validimg.zip">validimg</a></p>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/808/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>按指定概率随机抽取</title>
		<link>http://anfirst.cn/archives/741</link>
		<comments>http://anfirst.cn/archives/741#comments</comments>
		<pubDate>Mon, 15 Jun 2009 03:16:11 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[php编程]]></category>
		<category><![CDATA[算法]]></category>
		<category><![CDATA[随机数]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=741</guid>
		<description><![CDATA[$ar=array(&#8216;a&#8217;=&#62;30,&#8217;b'=&#62;30,&#8217;c'=&#62;10,&#8217;d'=&#62;20,&#8217;e'=&#62;10); function myrandom($ar) { $ar_temp=array(); $temp=0; foreach ($ar as $k =&#62; $v) { $ar_temp[$k]=array(&#8216;min&#8217;=&#62;$temp,&#8217;max&#8217;=&#62;$temp+$v); $temp+=$v; } $rand=rand(0,100); $key=null; foreach ($ar_temp as $k =&#62; $v) { if($rand&#62;$v[min]&#38;&#38;$rand&#60;=$v[max]) { return $ar[$k]; break; } } } echo myrandom($ar);]]></description>
			<content:encoded><![CDATA[<blockquote><p>$ar=array(&#8216;a&#8217;=&gt;30,&#8217;b'=&gt;30,&#8217;c'=&gt;10,&#8217;d'=&gt;20,&#8217;e'=&gt;10);<br />
function myrandom($ar)<br />
{<br />
$ar_temp=array();<br />
$temp=0;<br />
foreach ($ar as $k =&gt; $v)<br />
{<br />
$ar_temp[$k]=array(&#8216;min&#8217;=&gt;$temp,&#8217;max&#8217;=&gt;$temp+$v);<br />
$temp+=$v;<br />
}<br />
$rand=rand(0,100);<br />
$key=null;<br />
foreach ($ar_temp as $k =&gt; $v)<br />
{<br />
if($rand&gt;$v[min]&amp;&amp;$rand&lt;=$v[max])<br />
{<br />
return $ar[$k];<br />
break;<br />
}<br />
}</p>
<p>}</p>
<p>echo myrandom($ar);</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/741/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>不用中间变量交换两个变量值</title>
		<link>http://anfirst.cn/archives/734</link>
		<comments>http://anfirst.cn/archives/734#comments</comments>
		<pubDate>Mon, 01 Jun 2009 03:27:29 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[经典网摘]]></category>
		<category><![CDATA[php编程]]></category>
		<category><![CDATA[算法]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=734</guid>
		<description><![CDATA[编程时，如果碰到需要交换两个变量的值，那么习惯做法是使用一个中间变量，但是这并不是必须的； 可以使用这样的方法： int a,b; a=值1; b=值2; //交换 a=a^b; b=b^a; a=a^b; //此时，a和b的值已经交换了； 证明： a1=a0^b0; b1=b0^a1=b0^(a0^b0)=a0^b0^b0=a0; a2=a1^b1=(a0^b0)^a0=b0^a0^a0=b0; 应用的主要原理就是一个值经过同一个数的两次异或后值不变！]]></description>
			<content:encoded><![CDATA[<p>编程时，如果碰到需要交换两个变量的值，那么习惯做法是使用一个中间变量，但是这并不是必须的；<br />
可以使用这样的方法：<br />
int   a,b;<br />
<code>a=值1;<br />
b=值2;<br />
//交换<br />
a=a^b;<br />
b=b^a;<br />
a=a^b;<br />
//此时，a</code>和b的值已经交换了；</p>
<p>证明：<br />
<code>a1=a0^b0;<br />
b1=b0^a1=b0^(a0^b0)=a0^b0^b0=a0;<br />
a2=a1^b1=(a0^b0)^a0=b0^a0^a0=b0;</code></p>
<p>应用的主要原理就是一个值经过同一个数的两次异或后值不变！</p>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/734/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript:文件类型检验小案例</title>
		<link>http://anfirst.cn/archives/730</link>
		<comments>http://anfirst.cn/archives/730#comments</comments>
		<pubDate>Sun, 31 May 2009 08:05:19 +0000</pubDate>
		<dc:creator>shooting</dc:creator>
				<category><![CDATA[全部文章]]></category>
		<category><![CDATA[学习笔记]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[案例]]></category>
		<category><![CDATA[算法]]></category>

		<guid isPermaLink="false">http://anfirst.cn/?p=730</guid>
		<description><![CDATA[例如允许上传的文件类型有 gif,jpg,jpeg,bmp,png; 通过一个输入框可以输入文件类型，但必须都是合法的 例如可以输入gif&#124;bmp,jpg&#124;png&#124;gif等等 通过js在客户端检测的代码如下 &#60;script language=”javascript”&#62; function test(str) { type=”gif&#124;jpg&#124;jpeg&#124;bmp&#124;png”;//合法类型 //str=”gif&#124;jpg&#124;bmp” ar_type=type.split(“&#124;”); ar_str=str.split(“&#124;”); for(istr in ar_str) { flag = false; for(itype in ar_type) { if(ar_str[istr]==ar_type[itype]) { flag=true; continue; } } if (flag==false)break; }; if(!flag) alert(“文件类型不合法!”); return false; } &#60;/script&#62; &#60;form name=”form1&#8243;&#62; &#60;INPUT TYPE=”text” NAME=”strt”&#62;&#60;INPUT TYPE=”submit” onclick=test(form1.strt.value)&#62; &#60;/form&#62;]]></description>
			<content:encoded><![CDATA[<p>例如允许上传的文件类型有 gif,jpg,jpeg,bmp,png;<br />
通过一个输入框可以输入文件类型，但必须都是合法的<br />
例如可以输入gif|bmp,jpg|png|gif等等<br />
通过js在客户端检测的代码如下</p>
<blockquote><p>&lt;script language=”javascript”&gt;<br />
function test(str)<br />
{<br />
type=”gif|jpg|jpeg|bmp|png”;//合法类型<br />
//str=”gif|jpg|bmp”<br />
ar_type=type.split(“|”);<br />
ar_str=str.split(“|”);</p>
<p>for(istr in ar_str)<br />
{<br />
flag = false;<br />
for(itype in ar_type)<br />
{<br />
if(ar_str[istr]==ar_type[itype])<br />
{<br />
flag=true;<br />
continue;<br />
}<br />
}<br />
if (flag==false)break;</p>
<p>};</p>
<p>if(!flag) alert(“文件类型不合法!”);<br />
return false;<br />
}<br />
&lt;/script&gt;<br />
&lt;form name=”form1&#8243;&gt;<br />
&lt;INPUT TYPE=”text” NAME=”strt”&gt;&lt;INPUT TYPE=”submit” onclick=test(form1.strt.value)&gt;<br />
&lt;/form&gt;</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://anfirst.cn/archives/730/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

