守望者--AIR技术交流

标题: AS3中的PNG编码！ [打印本页]

---

作者: 水玲珑    时间: 2015-1-11 17:16
标题: AS3中的PNG编码！

1. package cn.window.image.png
   
2. 
   
3. {
   
4. 
   
5. import flash.display.BitmapData;
   
6. 
   
7. import flash.utils.ByteArray;
   
8. 
   
9. 
   
10. 
    
11. public class PNGEncoder
    
12. 
    
13. {
    
14. 
    
15. /**CRC验证器*/
    
16. 
    
17. private var crcTable:Array;
    
18. 
    
19. 
    
20. /**
    
21. 
    
22. *PNG文件格式分为PNG-24和PNG-8，
    
23. 
    
24. * 其最大的区别是PNG-24是用24位来保存一个像素值，是真彩色，
    
25. 
    
26. * 而PNG-8是用8位索引值来在调色盘 中索引一个颜色，
    
27. 
    
28. * 因为一个索引值的最大上限为2的8次方既128，故调色盘中颜色数最多为128种，
    
29. 
    
30. * 所以该文件格式又被叫做PNG-8 128仿色。PNG-24因为其图片容量过大，
    
31. 
    
32. * 而且在Nokia和Moto等某些机型上创建图片失败和显示不正确等异常时有发生，
    
33. 
    
34. * 有时还会严重拖慢显示速度，故并不常 用，
    
35. 
    
36. * CoCoMo认为这些异常和平台底层的图像解压不无关系。
    
37. 
    
38. * 不过该格式最大的优点是可以保存Alpha通道，
    
39. 
    
40. * 同事也曾有过利用该图片格式实现Alpha 混合的先例，
    
41. 
    
42. * 想来随着技术的发展，手机硬件平台的提升，Alpha混合一定会被广泛的应用，
    
43. 
    
44. * 到那时该格式的最大优势才会真正发挥。

    
45. 
    
46. *
    
47. 
    
48. */
    
49. 
    
50. public function PNGEncoder()
    
51. 
    
52. {
    
53. 
    
54. initializeCRCTable();
    
55. 
    
56. }
    
57. 
    
58. 
    
59. /**
    
60. 
    
61. *将 BitmapData 对象的像素转换为 PNG 编码的 ByteArray 对象。
    
62. 
    
63. * @param bitmapData BitmapData 输入对象。
    
64. 
    
65. * @return 返回包含以 PNG 格式编码的图像数据的 ByteArray 对象。
    
66. 
    
67. */
    
68. 
    
69. public function encode(bitmapData:BitmapData):ByteArray
    
70. 
    
71. {
    
72. 
    
73. return internalEncode(bitmapData, bitmapData.width, bitmapData.height,
    
74. 
    
75. bitmapData.transparent);
    
76. 
    
77. }
    
78. 
    
79. 
    
80. /**
    
81. 
    
82. *将包含 32 位 ARGB（Alpha、红、绿、蓝）格式原始像素的 ByteArray 对象
    
83. 
    
84. * 转换为新的 PNG 编码的 ByteArray 对象。
    
85. 
    
86. * 原始的 ByteArray 将保持不变。
    
87. 
    
88. * @param byteArray 包含原始像素的 ByteArray 输入对象。<br>
    
89. 
    
90. *                                   此 ByteArray 应包含 4 width height 字节。<br>
    
91. 
    
92. *                                   每个像素都由 4 个字节表示，顺序依次为 ARGB。<br>
    
93. 
    
94. *                                   前四个字节表示图像左上角的像素。<br>
    
95. 
    
96. *                                   接下来的四个字节表示其右侧的像素，依此类推。每一行与前一行之间没有任何填充。
    
97. 
    
98. * @param width 输入图像的宽度（以像素为单位）。
    
99. 
    
100. * @param height 输入图像的高度（以像素为单位）。
     
101. 
     
102. * @param transparent 如果为 false，则将忽略 Alpha 通道信息，但是您仍必须使用 ARGB 格式以四个字节表示每个像素。
     
103. 
     
104. * @return  返回包含以 PNG 格式编码的图像数据的 ByteArray 对象。
     
105. 
     
106. *
     
107. 
     
108. */
     
109. 
     
110. public function encodeByteArray(byteArray:ByteArray, width:int, height:int,
     
111. 
     
112. transparent:Boolean = true):ByteArray
     
113. 
     
114. {
     
115. 
     
116. return internalEncode(byteArray, width, height, transparent);
     
117. 
     
118. }
     
119. 
     
120. 
     
121. 
     
122. 
     
123. /**
     
124. 
     
125. *初始化CRC验证器
     
126. 
     
127. * <p>
     
128. 
     
129. * CRC(cyclic redundancy check)域中的值是对Chunk Type Code域和Chunk Data域中的数据进行计算得到的。<br>
     
130. 
     
131. * CRC具体算法定义在ISO 3309和ITU-T V.42中，其值按下面的CRC码生成多项式进行计算：<br>
     
132. 
     
133. * x³²+x²⁶+x²³+x²²+x¹⁶+x¹²+x
     
134. *¹¹+x¹⁰+x⁸+x⁷+x⁵+x⁴+x²+x+1
     
135. 
     
136. * <p>
     
137. 
     
138. */
     
139. 
     
140. private function initializeCRCTable():void
     
141. 
     
142. {
     
143. 
     
144. crcTable = [];
     
145. 
     
146. 
     
147. for (var n:uint = 0; n < 256; n++)
     
148. 
     
149. {
     
150. 
     
151. var c:uint = n;
     
152. 
     
153. for (var k:uint = 0; k < 8; k++)
     
154. 
     
155. {
     
156. 
     
157. if (c & 1)
     
158. 
     
159. c = uint(uint(0xedb88320) ^ uint(c >>> 1));
     
160. 
     
161. else
     
162. 
     
163. c = uint(c >>> 1);
     
164. 
     
165. }
     
166. 
     
167. crcTable[n] = c;
     
168. 
     
169. }
     
170. 
     
171. }
     
172. 
     
173. 
     
174. /**
     
175. 
     
176. * 进行编码， source可以为BitmapData 或 a ByteArray.<br>
     
177. 
     
178. *
     
179. 
     
180. * <b>PNG签名</b><br>
     
181. 
     
182. * 89 50 4e 47 0d 0a 1a 0a<br>
     
183. 
     
184. * 其中第一个字节0x89超出了ASCII字符的范围，这是为了避免某些软件将PNG文件当做文本文件来处理<br>
     
185. 
     
186. * 0x50 0x4e 0x47 为 PNG 的Unicode编码<br>
     
187. 
     
188. * 0d 0a 1a 0a 这4个就不知道了<br>
     
189. 
     
190. *
     
191. 
     
192. * <b>PNG数据块（Chunk）:</b><br>
     
193. 
     
194. *<table align="center" bgcolor="#eeeeee" border="0">
     
195. 
     
196. *<tr><td colspan="5"><div align="center"><strong>PNG文件格式中的数据块</strong></div></td></tr>
     
197. 
     
198. *<tr><td><div align="center"><b>数据块符号</b></div></td><td><div align="center"><b>数据块名称</b></div></td>
     
199. *<td><div align="center"><b>多数据块</b></div></td><td><div align="center"><b>可选否</b></div></td>
     
200. *<td><div align="center"><b>位置限制</b></div></td></tr>
     
201. 
     
202. *<tr><td>IHDR</td><td>文件头数据块</td><td>否</td><td>否</td><td>第一块</td></tr>
     
203. 
     
204. *<tr><td>cHRM</td><td>基色和白色点数据块</td><td>否</td><td>是</td><td>在PLTE和IDAT之前</td></tr>
     
205. 
     
206. *<tr><td>gAMA</td><td>图像γ数据块</td><td>否</td><td>是</td><td>在PLTE和IDAT之前</td></tr>
     
207. 
     
208. *<tr><td>sBIT</td><td>样本有效位数据块</td><td>否</td><td>是</td><td>在PLTE和IDAT之前</td></tr>
     
209. 
     
210. *<tr><td>PLTE</td><td>调色板数据块</td><td>否</td><td>是</td><td>在IDAT之前</td></tr>
     
211. 
     
212. *<tr><td>bKGD</td><td>背景颜色数据块</td><td>否</td><td>是</td><td>在PLTE之后IDAT之前</td></tr>
     
213. 
     
214. *<tr><td>hIST</td><td>图像直方图数据块</td><td>否</td><td>是</td><td>在PLTE之后IDAT之前</td></tr>
     
215. 
     
216. *<tr><td>tRNS</td><td>图像透明数据块</td><td>否</td><td>是</td><td>在PLTE之后IDAT之前</td></tr>
     
217. 
     
218. *<tr><td>oFFs</td><td>(专用公共数据块)</td><td>否</td><td>是</td><td>在IDAT之前</td></tr>
     
219. 
     
220. *<tr><td>pHYs</td><td>物理像素尺寸数据块</td><td>否</td><td>是</td><td>在IDAT之前</td></tr>
     
221. 
     
222. *<tr><td>sCAL</td><td>(专用公共数据块)</td><td>否</td><td>是</td><td>在IDAT之前</td></tr>
     
223. 
     
224. *<tr><td>IDAT</td><td>图像数据块</td><td>是</td><td>否</td><td>与其他IDAT连续</td></tr>
     
225. 
     
226. *<tr><td>tIME</td><td>图像最后修改时间数据块</td><td>否</td><td>是</td><td>无限制</td></tr>
     
227. 
     
228. *<tr><td>tEXt</td><td>文本信息数据块</td><td>是</td><td>是</td><td>无限制</td></tr>
     
229. 
     
230. *<tr><td>zTXt</td><td>压缩文本数据块</td><td>是</td><td>是</td><td>无限制</td></tr>
     
231. 
     
232. *<tr><td>fRAc</td><td>(专用公共数据块)</td><td>是</td><td>是</td><td>无限制</td></tr>
     
233. 
     
234. *<tr><td>gIFg</td><td>(专用公共数据块)</td><td>是</td><td>是</td><td>无限制</td></tr>
     
235. 
     
236. *<tr><td>gIFt</td><td>(专用公共数据块)</td><td>是</td><td>是</td><td class="text">无限制</td></tr>
     
237. 
     
238. *<tr><td>gIFx</td><td>(专用公共数据块)</td><td>是</td><td>是</td><td>无限制</td></tr>
     
239. 
     
240. *<tr><td>IEND</td><td>图像结束数据</td><td>否</td><td>否</td><td>最后一个数据块</td></tr>
     
241. 
     
242. *</table><br>
     
243. 
     
244. *
     
245. 
     
246. * <b>数据块结构</b><br>
     
247. 
     
248. *<table align="center" bgcolor="#eeeeee" border="0">
     
249. 
     
250. *<tr><td><b>名称</b></td><td><b>字节数</b></td><td><b>说明</b></td></tr>
     
251. 
     
252. *<tr><td>Length (长度)</td><td>4字节</td><td>指定数据块中数据域的长度，其长度不超过(2³¹－1)字节</td></tr>
     
253. 
     
254. *<tr><td>Chunk Type Code (数据块类型码)</td><td>4字节</td><td>数据块类型码由ASCII字母(A-Z和a-z)组成</td></tr>
     
255. 
     
256. *<tr><td>Chunk Data (数据块数据)</td><td>可变长度</td><td>存储按照Chunk Type Code指定的数据</td></tr>
     
257. 
     
258. *<tr><td>CRC (循环冗余检测)</td><td>4字节</td><td>存储用来检测是否有错误的循环冗余码</td></tr>
     
259. 
     
260. *</table><br>
     
261. 
     
262. *
     
263. 
     
264. * <b>IHDR 数据结构：</b><br>
     
265. 
     
266. * <table align="center" bgcolor="#eeeeee" border="0">
     
267. 
     
268. *<tr> <td><div align="center"><b>域的名称</b></div></td> <td><div align="center"><b>字节数</b></div></td>
     
269. *<td><div align="center"><b>说明</b></div></td> </tr>
     
270. 
     
271. *<tr><td>Width</td> <td>4 bytes</td> <td>图像宽度，以像素为单位</td> </tr>
     
272. 
     
273. *<tr> <td>Height</td> <td>4 bytes</td> <td>图像高度，以像素为单位</td> </tr>
     
274. 
     
275. *<tr> <td>Bit depth</td> <td>1 byte</td> <td>图像深度： <br />索引彩色图像：1，2，4或8 <br/>
     
276. *灰度图像：1，2，4，8或16 <br/>真彩色图像：8或16</td> </tr>
     
277. 
     
278. *<tr> <td>ColorType</td> <td>1 byte</td> <td>颜色类型：<br/>0：灰度图像, 1，2，4，8或16 <br/>
     
279. *2：真彩色图像，8或16 <br/>3：索引彩色图像，1，2，4或8 <br/>
     
280. *4：带α通道数据的灰度图像，8或16 <br/>6：带α通道数据的真彩色图像，8或16</td> </tr>
     
281. 
     
282. *<tr> <td>Compression method</td> <td>1 byte</td> <td>压缩方法(LZ77派生算法)</td> </tr>
     
283. 
     
284. *<tr> <td>Filter method</td> <td>1 byte</td> <td>滤波器方法</td> </tr>
     
285. 
     
286. *<tr> <td>Interlace method</td> <td>1 byte</td> <td>隔行扫描方法：<br/>0：非隔行扫描 <br/>
     
287. *1： Adam7(由Adam M. Costello开发的7遍隔行扫描方法)</td> </tr>
     
288. 
     
289. *</table><br>
     
290. 
     
291. */
     
292. 
     
293. private function internalEncode(source:Object, width:int, height:int,
     
294. 
     
295. transparent:Boolean = true):ByteArray
     
296. 
     
297. {
     
298. 
     
299. // The source is either a BitmapData or a ByteArray.
     
300. 
     
301. var sourceBitmapData:BitmapData = source as BitmapData;
     
302. 
     
303. var sourceByteArray:ByteArray = source as ByteArray;
     
304. 
     
305. 
     
306. if (sourceByteArray)
     
307. 
     
308. sourceByteArray.position = 0;
     
309. 
     
310. 
     
311. // 创建二进制输出流
     
312. 
     
313. var png:ByteArray = new ByteArray();
     
314. 
     
315. 
     
316. // 写入PNG签名(PNG文件的标志)89 50 4e 47 0d 0a 1a 0a
     
317. 
     
318. png.writeUnsignedInt(0x89504E47);
     
319. 
     
320. png.writeUnsignedInt(0x0D0A1A0A);
     
321. 
     
322. 
     
323. // 创建 IHDR(文件头数据块) 它包含有PNG文件中存储的图像数据的基本信息，
     
324. 
     
325. //并要作为第一个数据块出现在PNG数据流中，而且一个PNG数据流中只能有一个文件头数据块。
     
326. 
     
327. //文件头数据块由13字节组成,结构见注释
     
328. 
     
329. var IHDR:ByteArray = new ByteArray();
     
330. 
     
331. IHDR.writeInt(width); // 宽度
     
332. 
     
333. IHDR.writeInt(height);//高度
     
334. 
     
335. IHDR.writeByte(8); // bit depth per channel(图像深度)
     
336. 
     
337. IHDR.writeByte(6); // color type: RGBA(颜色类型)
     
338. 
     
339. IHDR.writeByte(0); // compression method(压缩方法 --- LZ77派生算法)
     
340. 
     
341. IHDR.writeByte(0); // filter method(滤波器方法)
     
342. 
     
343. IHDR.writeByte(0); // interlace method (隔行扫描方法)
     
344. 
     
345. writeChunk(png, 0x49484452, IHDR);
     
346. 
     
347. 
     
348. // 构建 IDAT chunk(图像数据块)
     
349. 
     
350. var IDAT:ByteArray = new ByteArray();
     
351. 
     
352. for (var y:int = 0; y < height; y++)
     
353. 
     
354. {
     
355. 
     
356. IDAT.writeByte(0); // no filter
     
357. 
     
358. 
     
359. var x:int;
     
360. 
     
361. var pixel:uint;
     
362. 
     
363. 
     
364. if (!transparent)
     
365. 
     
366. {
     
367. 
     
368. for (x = 0; x < width; x++)
     
369. 
     
370. {
     
371. 
     
372. if (sourceBitmapData)
     
373. 
     
374. pixel = sourceBitmapData.getPixel(x, y);
     
375. 
     
376. else
     
377. 
     
378. pixel = sourceByteArray.readUnsignedInt();
     
379. 
     
380. 
     
381. IDAT.writeUnsignedInt(uint(((pixel & 0xFFFFFF) << 8) | 0xFF));
     
382. 
     
383. }
     
384. 
     
385. }
     
386. 
     
387. else
     
388. 
     
389. {
     
390. 
     
391. for (x = 0; x < width; x++)
     
392. 
     
393. {
     
394. 
     
395. if (sourceBitmapData)
     
396. 
     
397. pixel = sourceBitmapData.getPixel32(x, y);
     
398. 
     
399. else
     
400. 
     
401. pixel = sourceByteArray.readUnsignedInt();
     
402. 
     
403. 
     
404. IDAT.writeUnsignedInt(uint(((pixel & 0xFFFFFF) << 8) |
     
405. 
     
406. (pixel >>> 24)));
     
407. 
     
408. }
     
409. 
     
410. }
     
411. 
     
412. }
     
413. 
     
414. IDAT.compress();
     
415. 
     
416. writeChunk(png, 0x49444154, IDAT);
     
417. 
     
418. 
     
419. // 构建 IEND (图像结束数据)
     
420. 
     
421. writeChunk(png, 0x49454E44, null);
     
422. 
     
423. 
     
424. // return PNG
     
425. 
     
426. png.position = 0;
     
427. 
     
428. return png;
     
429. 
     
430. }
     
431. 
     
432. 
     
433. /**
     
434. 
     
435. *  @private
     
436. 
     
437. */
     
438. 
     
439. private function writeChunk(png:ByteArray, type:uint, data:ByteArray):void
     
440. 
     
441. {
     
442. 
     
443. // Write length of data.
     
444. 
     
445. var len:uint = 0;
     
446. 
     
447. if (data)
     
448. 
     
449. len = data.length;
     
450. 
     
451. png.writeUnsignedInt(len);
     
452. 
     
453. 
     
454. // Write chunk type.
     
455. 
     
456. var typePos:uint = png.position;
     
457. 
     
458. png.writeUnsignedInt(type);
     
459. 
     
460. 
     
461. // Write data.
     
462. 
     
463. if (data)
     
464. 
     
465. png.writeBytes(data);
     
466. 
     
467. 
     
468. // Write CRC of chunk type and data.
     
469. 
     
470. var crcPos:uint = png.position;
     
471. 
     
472. png.position = typePos;
     
473. 
     
474. var crc:uint = 0xFFFFFFFF;
     
475. 
     
476. for (var i:uint = typePos; i < crcPos; i++)
     
477. 
     
478. {
     
479. 
     
480. crc = uint(crcTable[(crc ^ png.readUnsignedByte()) & uint(0xFF)] ^
     
481. 
     
482. uint(crc >>> 8));
     
483. 
     
484. }
     
485. 
     
486. crc = uint(crc ^ uint(0xFFFFFFFF));
     
487. 
     
488. png.position = crcPos;
     
489. 
     
490. png.writeUnsignedInt(crc);
     
491. 
     
492. }
     
493. 
     
494. }
     
495. 
     
496. }
     

复制代码

---

欢迎光临 守望者--AIR技术交流 (http://www.airmyth.com/)