image_lib.html 27 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="utf-8" lang="utf-8">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
  6. <title>图像处理类 - CodeIgniter 中文手册|用户手册|用户指南|Wiki文档</title>
  7. <link rel="shortcut icon" href="http://codeigniter.org.cn/user_guide/../images/design/favicon.ico" type="image/x-icon" />
  8. <link rel="stylesheet" type="text/css" media="all" href="../userguide.css" />
  9. <link rel="search" href="http://codeigniter.org.cn/user_guide/../CodeIgniterSearch.xml" type="application/opensearchdescription+xml" title="CodeIgniter 搜索"/>
  10. <link rel="canonical" href="http://codeigniter.org.cn/user_guide/libraries/image_lib.html" />
  11. <script type="text/javascript" src="../nav/mootools.js-ver=20130324.js"></script>
  12. <script type="text/javascript" src="../nav/mootools-more.js-ver=20130324.js"></script>
  13. <script type="text/javascript" src="../nav/nav.js-ver=20130324.js"></script>
  14. <script type="text/javascript" src="../nav/user_guide_menu.js-ver=20130324.js"></script>
  15. <meta name="robots" content="all" />
  16. <meta name="author" content="ExpressionEngine Dev Team" />
  17. <meta name="description" content="CodeIgniter 中文手册, CodeIgniter 用户指南, CodeIgniter User Guide, Wiki 文档" />
  18. </head>
  19. <body>
  20. <!-- START NAVIGATION -->
  21. <div id="nav">
  22. <div id="nav_inner">
  23. <script type="text/javascript">create_menu('../');</script>
  24. </div>
  25. </div>
  26. <script type="text/javascript">_setNavigation();</script>
  27. <div id="nav2"><a name="top"></a><a href="javascript:void(0);" onclick="myHeight.toggle();"><img src="../images/nav_toggle_darker.jpg" width="154" height="43" border="0" title="切换目录" alt="切换目录" /></a></div>
  28. <div id="masthead" class="clearfix">
  29. <div class="topbar-hd"><h1>CodeIgniter 用户指南 版本 2.2.0</h1></div>
  30. <div class="topbar-tip">编辑文档、查看近期更改请 <a href="#">登录</a> 或 <a href="#">注册</a>  <a href="#">找回密码</a></div> <div id="breadcrumb_right"><a href="../toc.html">目录页</a></div>
  31. </div>
  32. <!-- END NAVIGATION -->
  33. <!-- START BREADCRUMB -->
  34. <table cellpadding="0" cellspacing="0" border="0" style="width:100%">
  35. <tr>
  36. <td id="breadcrumb">
  37. <a href="#" target="_blank">CodeIgniter 中国首页</a>&nbsp;&#8250;&nbsp;
  38. <a href="../index.html">用户指南首页</a>&nbsp;&#8250;&nbsp;图像处理类 </td>
  39. <td id="searchbox">
  40. <form method="get" action="http://www.google.com.hk/search" target="google_window">
  41. <input type="hidden" name="client" value="pub-0176846097796333"></input>
  42. <input type="hidden" name="forid" value="1"></input>
  43. <input type="hidden" name="ie" value="UTF-8"></input>
  44. <input type="hidden" name="oe" value="UTF-8"></input>
  45. <input type="hidden" name="as_sitesearch" id="as_sitesearch" value="codeigniter.org.cn/user_guide/" />
  46. 搜索用户指南&nbsp;
  47. <input type="text" class="input" style="width:200px;" name="q" id="q" size="31" maxlength="255" value="" />
  48. &nbsp;
  49. <input type="submit" class="submit" name="sa" value="Go" />
  50. </form>
  51. </td>
  52. </tr>
  53. </table>
  54. <!-- END BREADCRUMB -->
  55. <div style="clear:both;text-align:right;padding: 6px 40px 0 0;">
  56. <a href="#" target="_blank">查看原文</a>
  57. </div>
  58. <!--<br clear="all" />--><!-- START CONTENT -->
  59. <div id="content">
  60. <h1>图像处理类</h1>
  61. <p>CodeIgniter 的图像处理类可以使你完成以下的操作:</p>
  62. <ul>
  63. <li>调整图像大小</li>
  64. <li>创建缩略图</li>
  65. <li>图像裁剪</li>
  66. <li>图像旋转</li>
  67. <li>添加图像水印</li>
  68. </ul>
  69. <p>可以很好的支持三个主流的图像库:GD/GD2, NetPBM, 和 ImageMagick。</p>
  70. <p class="important"><strong>注意:</strong> 添加水印操作仅仅在使用GD/GD2时可用。另外,即使支持其他的图像处理库,但是为了计算图像的属性,GD是必需的。然而,将使用你制定的库来进行图像处理操作。</p>
  71. <h2>初始化类</h2>
  72. <p>像 CodeIgniter 的大多数类一样,图像处理类在你的控制器里使用 <dfn>$this-&gt;load-&gt;library</dfn> 方法来初始化:</p>
  73. <p><code>$this-&gt;load-&gt;library('image_lib');</code></p>
  74. <p>在图像处理库被载入后就已经做好被使用的准备了。你将用来调用所有图像处理方法的图像处理库对象是:<dfn>$this-&gt;image_lib</dfn></p>
  75. <h2>处理一个图像</h2>
  76. <p>不管你想进行何种图像处理操作(调整大小,图像裁剪,图像旋转,添加水印),通常过程都是一样的。你先设置一些你想进行的图像操作的参数,然后调用四个可用方法中的一个。例如,创建一个图像缩略图:</p>
  77. <p><code>$config['image_library'] = 'gd2';<br />
  78. $config['source_image'] = '/path/to/image/mypic.jpg';<br />
  79. $config['create_thumb'] = TRUE;<br />
  80. $config['maintain_ratio'] = TRUE;<br />
  81. $config['width'] = 75;<br />
  82. $config['height'] = 50;<br />
  83. <br />
  84. $this-&gt;load-&gt;library('image_lib', $config); <br />
  85. <br />
  86. $this-&gt;image_lib-&gt;resize();</code></p>
  87. <p>以上代码告诉<dfn>image_resize</dfn>函数去查找位于<dfn>source_image</dfn>目录且名为<em>mypic.jpg</em>的图片,然后运用GD2<dfn>图像库</dfn>创建75 X 50像素的缩略图。 当 <dfn>maintain_ratio</dfn> 选项设为可用时,生成的缩略图将在保持纵横比例的同时,尽可能的在宽度和高度上接近所设定的<dfn>width</dfn>和<dfn>height</dfn>。缩略图将被命名为类似 <em>mypic_thumb.jpg</em>的形式</p>
  88. <p class="important"><strong>注意:</strong> 为了让图像类能进行所有操作,包含图片的文件夹必须开启可写权限。</p>
  89. <p class="important"><strong>Note:</strong> 图像处理操作需要大量的服务器内存。如果处理图像时你出现了内存错误。您可能需要限制他们的最大大小,和/或调整PHP内存限制。</p>
  90. <h2>处理函数</h2>
  91. <p>有五个处理函数可以调用:</p>
  92. <ul>
  93. <li>$this-&gt;image_lib-&gt;resize()</li>
  94. <li>$this-&gt;image_lib-&gt;crop()</li>
  95. <li>$this-&gt;image_lib-&gt;rotate()</li>
  96. <li>$this-&gt;image_lib-&gt;watermark()</li>
  97. <li>$this-&gt;image_lib-&gt;clear()</li>
  98. </ul>
  99. <p>当调用成功时,这些函数会返回 TRUE, 否则会返回 FALSE. 如果调用失败时,用以下函数可以获取错误信息:</p>
  100. <p><code>echo $this-&gt;image_lib-&gt;display_errors();</code></p>
  101. <p>像下面这样当调用失败时显示错误,是一个好的例子来有条件的使用处理函数:</p>
  102. <p><code>if ( ! $this-&gt;image_lib-&gt;resize())<br />
  103. &#123;<br />
  104. &nbsp;&nbsp;&nbsp;&nbsp;echo $this-&gt;image_lib-&gt;display_errors();<br />
  105. &#125;</code></p>
  106. <p>注意: 你可以随意的给错误使用HTML的格式。像下面这样,添加打开/关闭标记符:</p>
  107. <p><code>$this-&gt;image_lib-&gt;display_errors('<var>&lt;p&gt;</var>', '<var>&lt;/p&gt;</var>');</code></p>
  108. <h2>参数</h2>
  109. <p>你可以用下面的参数来对图像处理进行调配,既而满足你的要求。</p>
  110. <p>注意,不是所有的参数都可以应用到任何的函数中。例如,x/y 轴参数只能被图像裁剪使用。但是,宽度和高度参数对裁剪函数是无效的。 &quot;可用性&quot; 列指明了哪些函数是可以使用对应的参数的。</p>
  111. <p>可用性图列:</p>
  112. <ul>
  113. <li><var>R</var> - 调整图像大小</li>
  114. <li><var>C</var> - 图像裁剪</li>
  115. <li><var>X</var> - 图像旋转</li>
  116. <li><var>W</var> - 添加图像水纹</li>
  117. </ul>
  118. <table cellspacing="1" cellpadding="0" border="0" style="width: 100%;" class="tableborder">
  119. <tbody>
  120. <tr>
  121. <th>参数</th>
  122. <th>默认值</th>
  123. <th>选项</th>
  124. <th>描述</th>
  125. <th>可用性</th>
  126. </tr>
  127. <tr>
  128. <td class="td"><strong>image_library</strong></td>
  129. <td class="td">GD2</td>
  130. <td class="td">GD, GD2, ImageMagick, NetPBM</td>
  131. <td class="td">设置图像库</td>
  132. <td class="td">R, C, X, W</td>
  133. </tr>
  134. <tr>
  135. <td class="td"><strong>library_path</strong></td>
  136. <td class="td">无</td>
  137. <td class="td">无</td>
  138. <td class="td">设置 ImageMagick 或 NetPBM 库在服务器上的路径。要使用其中任何一个,你都需要设置它们的路径</td>
  139. <td class="td">R, C, X</td>
  140. </tr>
  141. <tr>
  142. <td class="td"><strong>source_image</strong></td>
  143. <td class="td">无</td>
  144. <td class="td">无</td>
  145. <td class="td">设置原始图像的名字/路径。 对路径而言,只能是相对或绝对的服务器路径,不能使用URL。</td>
  146. <td class="td">R, C, X, W</td>
  147. </tr>
  148. <tr>
  149. <td class="td"><strong>dynamic_output</strong></td>
  150. <td class="td">FALSE</td>
  151. <td class="td">TRUE/FALSE (布尔值)</td>
  152. <td class="td">决定新图像的生成是要写入硬盘还是动态的存在。注意,如果是动态生成的话,图像生成后是不能在页面中定位的。它简单地以header定义为image的动态图像形式显示在你的浏览器中。</td>
  153. <td class="td">R, C, X, W</td>
  154. </tr>
  155. <tr>
  156. <td class="td"><strong>quality</strong></td>
  157. <td class="td">90</td>
  158. <td class="td">1 - 100</td>
  159. <td class="td">设置图像的品质。品质越高,图像文件越大 </td>
  160. <td class="td">R, C, X, W</td>
  161. </tr>
  162. <tr>
  163. <td class="td"><strong>new_image</strong></td>
  164. <td class="td">None</td>
  165. <td class="td">None</td>
  166. <td class="td">设置图像的目标名/路径。当所做的操作不直接作用于原图像,而是保存为一个新的副本时,用该属性指定副本的文件路径。这个路径必须是相对或绝对的服务器路径,不能是URL</td>
  167. <td class="td">R, C, X, W</td>
  168. </tr>
  169. <tr>
  170. <td class="td"><strong>width</strong></td>
  171. <td class="td">None</td>
  172. <td class="td">None</td>
  173. <td class="td">设置你想要得图像宽度。</td>
  174. <td class="td">R, C</td>
  175. </tr>
  176. <tr>
  177. <td class="td"><strong>height</strong></td>
  178. <td class="td">None</td>
  179. <td class="td">None</td>
  180. <td class="td">设置你想要得图像高度</td>
  181. <td class="td">R, C</td>
  182. </tr>
  183. <tr>
  184. <td class="td"><strong>create_thumb</strong></td>
  185. <td class="td">FALSE</td>
  186. <td class="td">TRUE/FALSE (boolean)</td>
  187. <td class="td">让图像处理函数产生一个预览图像</td>
  188. <td class="td">R</td>
  189. </tr>
  190. <tr>
  191. <td class="td"><strong>thumb_marker</strong></td>
  192. <td class="td">_thumb</td>
  193. <td class="td">无</td>
  194. <td class="td">指定预览图像的标示。它将在被插入文件扩展名之前。例如,mypic.jpg 将会变成 mypic_thumb.jpg</td>
  195. <td class="td">R</td>
  196. </tr>
  197. <tr>
  198. <td class="td"><strong>maintain_ratio</strong></td>
  199. <td class="td">TRUE</td>
  200. <td class="td">TRUE/FALSE (boolean)</td>
  201. <td class="td">指定是否在缩放或使用硬值的时候使图像保持原始的纵横比例。</td>
  202. <td class="td">R, C</td>
  203. </tr>
  204. <tr>
  205. <td class="td"><strong>master_dim</strong></td>
  206. <td class="td">auto</td>
  207. <td class="td">auto, width, height</td>
  208. <td class="td">指定一个选项作为缩放和创建缩略图时的主轴。例如,你想要将一张图片缩放到100×75像素。如果原来的图像的大小不能完美的缩放到这个尺寸,那么由这个参数决定把哪个轴作为硬值。&quot;auto&quot; 依据图片到底是过高还是过长自动设定轴。</td>
  209. <td class="td">R</td>
  210. </tr>
  211. <tr>
  212. <td class="td"><strong>rotation_angle</strong></td>
  213. <td class="td">None</td>
  214. <td class="td">90, 180, 270, vrt, hor</td>
  215. <td class="td">指定图片旋转的角度。PHP的旋转是逆时针的,如果想向右转90度就得把这个参数定义为270。</td>
  216. <td class="td">X</td>
  217. </tr>
  218. <tr>
  219. <td class="td"><strong>x_axis</strong></td>
  220. <td class="td">None</td>
  221. <td class="td">None</td>
  222. <td class="td">为图像的裁剪设定X轴上的长度。例如,设为30就是将图片左边的30像素裁去。</td>
  223. <td class="td">C</td>
  224. </tr>
  225. <tr>
  226. <td class="td"><strong>y_axis</strong></td>
  227. <td class="td">None</td>
  228. <td class="td">None</td>
  229. <td class="td">为图像的裁剪设定Y轴上的长度。例如,设为30就是将图片顶端的30像素裁去。</td>
  230. <td class="td">C</td>
  231. </tr>
  232. </tbody>
  233. </table>
  234. <h2>在配置文件中设置参数</h2>
  235. <p>如果你不喜欢用以上的方式设置参数,你还能通过配置文件来设置它们。只要创建一个名为<var>image_lib.php</var>的文件, 在该文件中加入一个 <var>$config</var> 数组。 然后将这个文件保存到: <var>config/image_lib.php</var> ,它将会被自动调用。 如果你将参数保存在配置文件里,你就不需要再使用 <dfn>$this-&gt;image_lib-&gt;initialize</dfn> 函数。</p>
  236. <h2>$this-&gt;image_lib-&gt;resize()</h2>
  237. <p>这个图像大小调整函数让你能调整原始图像的大小,创建一个备份(调整过的和未调整过的),或者创建一个缩略图。</p>
  238. <p>创建一个备份和创建一个缩略图之间没有实际上的区别,除了缩略图的文件名会有一个预定义的后缀(如, mypic_thumb.jpg)。</p>
  239. <p>所有列在上面表中的参数对这个函数可用,除了这三个:rotation_angle, x_axis, and y_axis。</p>
  240. <h3>创建一个缩略图</h3>
  241. <p>resize函数能用来创建缩略图&#40;并保留原图&#41; 只要你把这个参数设为TRUE:</p>
  242. <p><code>$config['create_thumb'] = TRUE;</code></p>
  243. <p>这一个参数决定是否创建一个缩略图。</p>
  244. <h3>创建一个备份</h3>
  245. <p>resize函数能创建一个图像的备份&#40;并保留原图&#41; 只要你通过以下参数设置一个新的路径或者文件名:</p>
  246. <p><code>$config['new_image'] = '/path/to/new_image.jpg';</code></p>
  247. <p>注意以下规则:</p>
  248. <ul>
  249. <li>如果只指定新图像的名字,那么它会被放在原图像所在的文件夹下。</li>
  250. <li>如果只指定路径,新图像会被放在指定的文件夹下,并且名字和原图像相同。</li>
  251. <li>如果同时定义了路径和新图像的名字,那么新图像会以指定的名字放在指定的文件夹下。</li>
  252. </ul>
  253. <h3>调整原图像的大小</h3>
  254. <p>如果上述两个参数(create_thumb, and new_image)均未被指定,resize函数的处理结果将直接作用于原图像。</p>
  255. <h2>$this-&gt;image_lib-&gt;crop()</h2>
  256. <p>crop函数的用法与resize函数十分接近,除了它需要你设置用于裁剪的X和Y值(单位是像素),如下:</p>
  257. <p><code>$config['x_axis'] = '100';<br />
  258. $config['y_axis'] = '40';</code></p>
  259. <p>前面那张表中所列的所有参数都可以用于这个函数,除了这些:rotation_angle, width, height, create_thumb, new_image.</p>
  260. <p>这是一个如何裁剪一张图片的示例:</p>
  261. <p><code>$config['image_library'] = 'imagemagick';<br />
  262. $config['library_path'] = '/usr/X11R6/bin/';<br />
  263. $config['source_image'] = '/path/to/image/mypic.jpg';<br />
  264. $config['x_axis'] = '100';<br />
  265. $config['y_axis'] = '60';<br />
  266. <br />
  267. $this-&gt;image_lib-&gt;initialize($config); <br />
  268. <br />
  269. if ( ! $this-&gt;image_lib-&gt;crop())<br />
  270. &#123;<br />
  271. &nbsp;&nbsp;&nbsp;&nbsp;echo $this-&gt;image_lib-&gt;display_errors();<br />
  272. &#125;</code></p>
  273. <p>注意:如果没有一个可视化的界面,是很难裁剪一张图片的。因此,除非你打算制作这么一个界面,否则这个函数并不是很有用。事实上我们(译注:指Ellislab公司,CodeIgniter的发行者)在自己开发的CMS系统ExpressionEngine的相册模块中添加的一个基于JavaScript的用户界面来选择裁剪的区域。</p>
  274. <h2>$this-&gt;image_lib-&gt;rotate()</h2>
  275. <p>rotate()函数需要通过参数设置旋转的角度:</p>
  276. <p><code>$config['rotation_angle'] = '90';</code></p>
  277. <p>以下是5个可选项:</p>
  278. <ol>
  279. <li>90 - 逆时针旋转90度。</li>
  280. <li>180 - 逆时针旋转180度。</li>
  281. <li>270 - 逆时针旋转270度。</li>
  282. <li>hor - 水平翻转。</li>
  283. <li>vrt - 垂直翻转。</li>
  284. </ol>
  285. <p>下面是旋转图片的一个例子:</p>
  286. <p><code>$config['image_library'] = 'netpbm';<br />
  287. $config['library_path'] = '/usr/bin/';<br />
  288. $config['source_image'] = '/path/to/image/mypic.jpg';<br />
  289. $config['rotation_angle'] = 'hor';<br />
  290. <br />
  291. $this-&gt;image_lib-&gt;initialize($config); <br />
  292. <br />
  293. if ( ! $this-&gt;image_lib-&gt;rotate())<br />
  294. &#123;<br />
  295. &nbsp;&nbsp;&nbsp;&nbsp;echo $this-&gt;image_lib-&gt;display_errors();<br />
  296. &#125;</code></p>
  297. <h2>$this-&gt;image_lib-&gt;clear()</h2>
  298. <p>clear函数重置所有之前用于处理图片的值。当你用循环来处理一批图片时,你可能会想使用它。</p>
  299. <p><code>$this-&gt;image_lib-&gt;clear();</code></p>
  300. <p>&nbsp;</p>
  301. <h1>图像水印处理</h1>
  302. <p>水印处理功能需要 GD/GD2 库的支持.</p>
  303. <h2>水印处理的两种类型</h2>
  304. <p>你可以使用以下两种图像水印处理方式:</p>
  305. <ul>
  306. <li><strong>Text</strong>: 水印信息将以文字方式生成,要么使用你所指定的TrueType字体,要么使用GD库所支持的内部字体。如果你要使用TrueType版本,那么你安装的GD库必须是以支持TrueType的形式编译的(大多数时候是,不是所有)。</li>
  307. <li><strong>Overlay</strong>: 水印信息将以图像方式生成,新生成的水印图像(通常是透明的 PNG 或者 GIF)将覆盖在原图像上.</li>
  308. </ul>
  309. <h2>水印处理一个图像</h2>
  310. <p>类似使用其他类型图像函数(resizing, cropping, and rotating), 你也要对水印处理函数进行参数设置来生成你要得结果. 例子如下:</p>
  311. <p><code> $config['source_image'] = '/path/to/image/mypic.jpg';<br />
  312. $config['wm_text'] = 'Copyright 2006 - John Doe';<br />
  313. $config['wm_type'] = 'text';<br />
  314. $config['wm_font_path'] = './system/fonts/texb.ttf';<br />
  315. $config['wm_font_size'] = '16';<br />
  316. $config['wm_font_color'] = 'ffffff';<br />
  317. $config['wm_vrt_alignment'] = 'bottom';<br />
  318. $config['wm_hor_alignment'] = 'center';<br />
  319. $config['wm_padding'] = '20';<br />
  320. <br />
  321. $this-&gt;image_lib-&gt;initialize($config); <br />
  322. <br />
  323. $this-&gt;image_lib-&gt;watermark();</code></p>
  324. <p>上面的例子是使用16像素 True Type 字体来生成文本水印&quot;Copyright 2006 - John Doe&quot; 该水印将出现在离图像底部20像素的中底部位置,</p>
  325. <p class="important"><strong>注意:</strong> 当调用图像类处理图像时,任何目标图片文件必须有 &quot;写入&quot;的权限, 例如:777.</p>
  326. <h2>水印处理参数</h2>
  327. <p>这个表里列举了两种水印处理 (text or overlay) 的可设置的参数</p>
  328. <table cellspacing="1" cellpadding="0" border="0" style="width: 100%;" class="tableborder">
  329. <tbody>
  330. <tr>
  331. <th>参数</th>
  332. <th>默认值</th>
  333. <th>选项</th>
  334. <th>描述</th>
  335. </tr>
  336. <tr>
  337. <td class="td"><strong>wm_type</strong></td>
  338. <td class="td">text</td>
  339. <td class="td">text, overlay</td>
  340. <td class="td">设置想要使用的水印处理类型.</td>
  341. </tr>
  342. <tr>
  343. <td class="td"><strong>source_image</strong></td>
  344. <td class="td">无</td>
  345. <td class="td">无</td>
  346. <td class="td">设置原图像的名字和路径. 路径必须是相对或绝对路径,但不能是URL.</td>
  347. </tr>
  348. <tr>
  349. <td class="td"><strong>dynamic_output</strong></td>
  350. <td class="td">FALSE</td>
  351. <td class="td">TRUE/FALSE (布尔值)</td>
  352. <td class="td">决定新的图片文件应该被写入磁盘还是动态生成。说明: 如果你选择动态生成, 那么每次就只能显示一张图片, 而且它还不能被定位在页面上, 仅仅是把原始图片动态输出到浏览器中,并且带上image header. </td>
  353. </tr>
  354. <tr>
  355. <td class="td"><strong>quality</strong></td>
  356. <td class="td">90</td>
  357. <td class="td">1 - 100</td>
  358. <td class="td">设置图片的质量。数字越大,质量越高, 文件就越大。</td>
  359. </tr>
  360. <tr>
  361. <td class="td"><strong>padding</strong></td>
  362. <td class="td">无</td>
  363. <td class="td">一个数字</td>
  364. <td class="td">填充量, 以像素为单位, 在实际应用中将被设置为水印与图片边缘的距离。</td>
  365. </tr>
  366. <tr>
  367. <td class="td"><strong>wm_vrt_alignment</strong></td>
  368. <td class="td">bottom</td>
  369. <td class="td">top, middle, bottom</td>
  370. <td class="td">设置水印图像的垂直对齐方式。</td>
  371. </tr>
  372. <tr>
  373. <td class="td"><strong>wm_hor_alignment</strong></td>
  374. <td class="td">center</td>
  375. <td class="td">left, center, right</td>
  376. <td class="td">设置水印图像的水平对齐方式。</td>
  377. </tr>
  378. <tr>
  379. <td class="td"><strong>wm_hor_offset</strong></td>
  380. <td class="td">无</td>
  381. <td class="td">无</td>
  382. <td class="td">你可以指定一个水平偏移量(以像素为单位)用于设置水印的位置。偏移量通常是向右移动水印, 除非你把水平对齐方式设置为"right", 那么你的偏移量将会向左移动水印。</td>
  383. </tr>
  384. <tr>
  385. <td class="td"><strong>wm_vrt_offset</strong></td>
  386. <td class="td">无</td>
  387. <td class="td">无</td>
  388. <td class="td">你可以指定一个垂直偏移量(以像素为单位)用于设置水印的位置。偏移量通常是向下移动水印, 除非你把垂直对齐方式设置为"bottom", 那么你的偏移量将会向上移动水印。</td>
  389. </tr>
  390. </tbody>
  391. </table>
  392. <h3>Text参数</h3>
  393. <p>这个表格显示了Text类型水印的可用参数。</p>
  394. <table cellspacing="1" cellpadding="0" border="0" style="width: 100%;" class="tableborder">
  395. <tbody>
  396. <tr>
  397. <th>参数</th>
  398. <th>默认值</th>
  399. <th>选项</th>
  400. <th>描述</th>
  401. </tr>
  402. <tr>
  403. <td class="td"><strong>wm_text</strong></td>
  404. <td class="td">无</td>
  405. <td class="td">无</td>
  406. <td class="td">你想作为水印显示的文本。通常是一份版权声明。</td>
  407. </tr>
  408. <tr>
  409. <td class="td"><strong>wm_font_path</strong></td>
  410. <td class="td">无</td>
  411. <td class="td">无</td>
  412. <td class="td">你想使用的TTF字体在服务器上的路径。如果你没有使用这个选项,系统将使用原生的GD字体。</td>
  413. </tr>
  414. <tr>
  415. <td class="td"><strong>wm_font_size</strong></td>
  416. <td class="td">16</td>
  417. <td class="td">无</td>
  418. <td class="td">文字的大小。 说明: 如果你没有使用上面的TTF字体选项,那么这个数值必须是 1-5 之间的一个数字。否则, 你可以使用任意一个用于你的字体的有效像素大小。</td>
  419. </tr>
  420. <tr>
  421. <td class="td"><strong>wm_font_color</strong></td>
  422. <td class="td">ffffff</td>
  423. <td class="td">无</td>
  424. <td class="td">字体颜色,以十六进制给出。注意, 你必须给出完整的6位数的十六进制值(例如993300), 而不是3位数的简化值(例如fff)。</td>
  425. </tr>
  426. <tr>
  427. <td class="td"><strong>wm_shadow_color</strong></td>
  428. <td class="td">无</td>
  429. <td class="td">无</td>
  430. <td class="td">阴影的颜色, 以十六进制给出。如果此项为空,那么阴影将不会被使用。注意, 你必须给出完整的6位数的十六进制值(例如993300), 而不是3位数的简化值(例如fff)。</td>
  431. </tr>
  432. <tr>
  433. <td class="td"><strong>wm_shadow_distance</strong></td>
  434. <td class="td">3</td>
  435. <td class="td">无</td>
  436. <td class="td">阴影与文字之间的距离(以像素为单位)。</td>
  437. </tr>
  438. </tbody>
  439. </table>
  440. <h3>Overlay 参数</h3>
  441. <p>这个表格显示了Overlay类型水印的可用参数。</p>
  442. <table cellspacing="1" cellpadding="0" border="0" style="width: 100%;" class="tableborder">
  443. <tbody>
  444. <tr>
  445. <th>参数</th>
  446. <th>默认值</th>
  447. <th>选项</th>
  448. <th>描述</th>
  449. </tr>
  450. <tr>
  451. <td class="td"><strong>wm_overlay_path</strong></td>
  452. <td class="td">无</td>
  453. <td class="td">无</td>
  454. <td class="td">你想要用作水印的图片在你服务器上的路径。只在你使用了overlay方法时需要。</td>
  455. </tr>
  456. <tr>
  457. <td class="td"><strong>wm_opacity</strong></td>
  458. <td class="td">50</td>
  459. <td class="td">1 - 100</td>
  460. <td class="td">图像不透明度(opacity)。你可以指定你的水印图片的不透明度(例如transparency)。这将使水印模糊化,从而不会掩盖住底层原始图片的细节。通常设置为50。</td>
  461. </tr>
  462. <tr>
  463. <td class="td"><strong>wm_x_transp</strong></td>
  464. <td class="td">4</td>
  465. <td class="td">一个数字</td>
  466. <td class="td">如果你的水印图片是一个PNG或GIF图片, 你可以指定一种颜色用来使图片变得"透明"。这项设置(以及下面那项)将允许你指定这种颜色。它的原理是, 通过指定"X"和"Y"坐标值(从左上方开始测量)来确定图片上对应位置的某个像素, 这个像素所代表的颜色就是你要设置为透明的颜色。</td>
  467. </tr>
  468. <tr>
  469. <td class="td"><strong>wm_y_transp</strong></td>
  470. <td class="td">4</td>
  471. <td class="td">一个数字</td>
  472. <td class="td">与前一个选项一起, 允许你指定某个像素的坐标值, 这个像素所代表的颜色就是你要设置为透明的颜色。</td>
  473. </tr>
  474. </tbody>
  475. </table><p>&nbsp;</p>
  476. <div id="Contributors">
  477. 翻译贡献者:
  478. amu945, aykirk, bnlt, csfhc, Hex, huangnaiang, hui314, lamtin, soaringup, sydcurie, szlinz, tangjianft, yinzhili, 志明</div>
  479. <div id="DocDate">
  480. 最后修改: 2014-04-11 13:58:50</div>
  481. </div>
  482. <!-- END CONTENT -->
  483. <div id="footer">
  484. <p>
  485. 上一个主题:&nbsp;&nbsp;<a href="table.html">HTML 表格类</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;<a href="#top">页首</a>
  486. &nbsp;&middot;&nbsp;&nbsp;<a href="../index.html">用户指南首页</a>&nbsp;&nbsp;&middot;&nbsp;&nbsp;下一个主题:&nbsp;&nbsp;<a href="input.html">输入类</a> </p>
  487. <p><a href="#">CodeIgniter</a> &nbsp;&middot;&nbsp; 版权所有 &#169; 2006-2013 &nbsp;&middot;&nbsp; <a href="#">Ellislab, Inc.</a></p>
  488. <p>中文化: <a href="#">CodeIgniter 中国</a> &nbsp;&middot;&nbsp; 制作: Hex &nbsp;&middot;&nbsp; 版本: 1.30 &nbsp;&middot;&nbsp; 鸣谢: 子非鱼</p>
  489. </div>
  490. </body>
  491. </html>