jpg.js 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920
  1. /* Copyright 2017 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. 'use strict';
  16. var sharedUtil = require('../shared/util.js');
  17. var warn = sharedUtil.warn;
  18. var error = sharedUtil.error;
  19. var JpegImage = function JpegImageClosure() {
  20. var dctZigZag = new Uint8Array([0, 1, 8, 16, 9, 2, 3, 10, 17, 24, 32, 25, 18, 11, 4, 5, 12, 19, 26, 33, 40, 48, 41, 34, 27, 20, 13, 6, 7, 14, 21, 28, 35, 42, 49, 56, 57, 50, 43, 36, 29, 22, 15, 23, 30, 37, 44, 51, 58, 59, 52, 45, 38, 31, 39, 46, 53, 60, 61, 54, 47, 55, 62, 63]);
  21. var dctCos1 = 4017;
  22. var dctSin1 = 799;
  23. var dctCos3 = 3406;
  24. var dctSin3 = 2276;
  25. var dctCos6 = 1567;
  26. var dctSin6 = 3784;
  27. var dctSqrt2 = 5793;
  28. var dctSqrt1d2 = 2896;
  29. function JpegImage() {
  30. this.decodeTransform = null;
  31. this.colorTransform = -1;
  32. }
  33. function buildHuffmanTable(codeLengths, values) {
  34. var k = 0,
  35. code = [],
  36. i,
  37. j,
  38. length = 16;
  39. while (length > 0 && !codeLengths[length - 1]) {
  40. length--;
  41. }
  42. code.push({
  43. children: [],
  44. index: 0
  45. });
  46. var p = code[0],
  47. q;
  48. for (i = 0; i < length; i++) {
  49. for (j = 0; j < codeLengths[i]; j++) {
  50. p = code.pop();
  51. p.children[p.index] = values[k];
  52. while (p.index > 0) {
  53. p = code.pop();
  54. }
  55. p.index++;
  56. code.push(p);
  57. while (code.length <= i) {
  58. code.push(q = {
  59. children: [],
  60. index: 0
  61. });
  62. p.children[p.index] = q.children;
  63. p = q;
  64. }
  65. k++;
  66. }
  67. if (i + 1 < length) {
  68. code.push(q = {
  69. children: [],
  70. index: 0
  71. });
  72. p.children[p.index] = q.children;
  73. p = q;
  74. }
  75. }
  76. return code[0].children;
  77. }
  78. function getBlockBufferOffset(component, row, col) {
  79. return 64 * ((component.blocksPerLine + 1) * row + col);
  80. }
  81. function decodeScan(data, offset, frame, components, resetInterval, spectralStart, spectralEnd, successivePrev, successive) {
  82. var mcusPerLine = frame.mcusPerLine;
  83. var progressive = frame.progressive;
  84. var startOffset = offset,
  85. bitsData = 0,
  86. bitsCount = 0;
  87. function readBit() {
  88. if (bitsCount > 0) {
  89. bitsCount--;
  90. return bitsData >> bitsCount & 1;
  91. }
  92. bitsData = data[offset++];
  93. if (bitsData === 0xFF) {
  94. var nextByte = data[offset++];
  95. if (nextByte) {
  96. error('JPEG error: unexpected marker ' + (bitsData << 8 | nextByte).toString(16));
  97. }
  98. }
  99. bitsCount = 7;
  100. return bitsData >>> 7;
  101. }
  102. function decodeHuffman(tree) {
  103. var node = tree;
  104. while (true) {
  105. node = node[readBit()];
  106. if (typeof node === 'number') {
  107. return node;
  108. }
  109. if (typeof node !== 'object') {
  110. error('JPEG error: invalid huffman sequence');
  111. }
  112. }
  113. }
  114. function receive(length) {
  115. var n = 0;
  116. while (length > 0) {
  117. n = n << 1 | readBit();
  118. length--;
  119. }
  120. return n;
  121. }
  122. function receiveAndExtend(length) {
  123. if (length === 1) {
  124. return readBit() === 1 ? 1 : -1;
  125. }
  126. var n = receive(length);
  127. if (n >= 1 << length - 1) {
  128. return n;
  129. }
  130. return n + (-1 << length) + 1;
  131. }
  132. function decodeBaseline(component, offset) {
  133. var t = decodeHuffman(component.huffmanTableDC);
  134. var diff = t === 0 ? 0 : receiveAndExtend(t);
  135. component.blockData[offset] = component.pred += diff;
  136. var k = 1;
  137. while (k < 64) {
  138. var rs = decodeHuffman(component.huffmanTableAC);
  139. var s = rs & 15,
  140. r = rs >> 4;
  141. if (s === 0) {
  142. if (r < 15) {
  143. break;
  144. }
  145. k += 16;
  146. continue;
  147. }
  148. k += r;
  149. var z = dctZigZag[k];
  150. component.blockData[offset + z] = receiveAndExtend(s);
  151. k++;
  152. }
  153. }
  154. function decodeDCFirst(component, offset) {
  155. var t = decodeHuffman(component.huffmanTableDC);
  156. var diff = t === 0 ? 0 : receiveAndExtend(t) << successive;
  157. component.blockData[offset] = component.pred += diff;
  158. }
  159. function decodeDCSuccessive(component, offset) {
  160. component.blockData[offset] |= readBit() << successive;
  161. }
  162. var eobrun = 0;
  163. function decodeACFirst(component, offset) {
  164. if (eobrun > 0) {
  165. eobrun--;
  166. return;
  167. }
  168. var k = spectralStart,
  169. e = spectralEnd;
  170. while (k <= e) {
  171. var rs = decodeHuffman(component.huffmanTableAC);
  172. var s = rs & 15,
  173. r = rs >> 4;
  174. if (s === 0) {
  175. if (r < 15) {
  176. eobrun = receive(r) + (1 << r) - 1;
  177. break;
  178. }
  179. k += 16;
  180. continue;
  181. }
  182. k += r;
  183. var z = dctZigZag[k];
  184. component.blockData[offset + z] = receiveAndExtend(s) * (1 << successive);
  185. k++;
  186. }
  187. }
  188. var successiveACState = 0,
  189. successiveACNextValue;
  190. function decodeACSuccessive(component, offset) {
  191. var k = spectralStart;
  192. var e = spectralEnd;
  193. var r = 0;
  194. var s;
  195. var rs;
  196. while (k <= e) {
  197. var z = dctZigZag[k];
  198. switch (successiveACState) {
  199. case 0:
  200. rs = decodeHuffman(component.huffmanTableAC);
  201. s = rs & 15;
  202. r = rs >> 4;
  203. if (s === 0) {
  204. if (r < 15) {
  205. eobrun = receive(r) + (1 << r);
  206. successiveACState = 4;
  207. } else {
  208. r = 16;
  209. successiveACState = 1;
  210. }
  211. } else {
  212. if (s !== 1) {
  213. error('JPEG error: invalid ACn encoding');
  214. }
  215. successiveACNextValue = receiveAndExtend(s);
  216. successiveACState = r ? 2 : 3;
  217. }
  218. continue;
  219. case 1:
  220. case 2:
  221. if (component.blockData[offset + z]) {
  222. component.blockData[offset + z] += readBit() << successive;
  223. } else {
  224. r--;
  225. if (r === 0) {
  226. successiveACState = successiveACState === 2 ? 3 : 0;
  227. }
  228. }
  229. break;
  230. case 3:
  231. if (component.blockData[offset + z]) {
  232. component.blockData[offset + z] += readBit() << successive;
  233. } else {
  234. component.blockData[offset + z] = successiveACNextValue << successive;
  235. successiveACState = 0;
  236. }
  237. break;
  238. case 4:
  239. if (component.blockData[offset + z]) {
  240. component.blockData[offset + z] += readBit() << successive;
  241. }
  242. break;
  243. }
  244. k++;
  245. }
  246. if (successiveACState === 4) {
  247. eobrun--;
  248. if (eobrun === 0) {
  249. successiveACState = 0;
  250. }
  251. }
  252. }
  253. function decodeMcu(component, decode, mcu, row, col) {
  254. var mcuRow = mcu / mcusPerLine | 0;
  255. var mcuCol = mcu % mcusPerLine;
  256. var blockRow = mcuRow * component.v + row;
  257. var blockCol = mcuCol * component.h + col;
  258. var offset = getBlockBufferOffset(component, blockRow, blockCol);
  259. decode(component, offset);
  260. }
  261. function decodeBlock(component, decode, mcu) {
  262. var blockRow = mcu / component.blocksPerLine | 0;
  263. var blockCol = mcu % component.blocksPerLine;
  264. var offset = getBlockBufferOffset(component, blockRow, blockCol);
  265. decode(component, offset);
  266. }
  267. var componentsLength = components.length;
  268. var component, i, j, k, n;
  269. var decodeFn;
  270. if (progressive) {
  271. if (spectralStart === 0) {
  272. decodeFn = successivePrev === 0 ? decodeDCFirst : decodeDCSuccessive;
  273. } else {
  274. decodeFn = successivePrev === 0 ? decodeACFirst : decodeACSuccessive;
  275. }
  276. } else {
  277. decodeFn = decodeBaseline;
  278. }
  279. var mcu = 0,
  280. fileMarker;
  281. var mcuExpected;
  282. if (componentsLength === 1) {
  283. mcuExpected = components[0].blocksPerLine * components[0].blocksPerColumn;
  284. } else {
  285. mcuExpected = mcusPerLine * frame.mcusPerColumn;
  286. }
  287. var h, v;
  288. while (mcu < mcuExpected) {
  289. var mcuToRead = resetInterval ? Math.min(mcuExpected - mcu, resetInterval) : mcuExpected;
  290. for (i = 0; i < componentsLength; i++) {
  291. components[i].pred = 0;
  292. }
  293. eobrun = 0;
  294. if (componentsLength === 1) {
  295. component = components[0];
  296. for (n = 0; n < mcuToRead; n++) {
  297. decodeBlock(component, decodeFn, mcu);
  298. mcu++;
  299. }
  300. } else {
  301. for (n = 0; n < mcuToRead; n++) {
  302. for (i = 0; i < componentsLength; i++) {
  303. component = components[i];
  304. h = component.h;
  305. v = component.v;
  306. for (j = 0; j < v; j++) {
  307. for (k = 0; k < h; k++) {
  308. decodeMcu(component, decodeFn, mcu, j, k);
  309. }
  310. }
  311. }
  312. mcu++;
  313. }
  314. }
  315. bitsCount = 0;
  316. fileMarker = findNextFileMarker(data, offset);
  317. if (fileMarker && fileMarker.invalid) {
  318. warn('decodeScan - unexpected MCU data, next marker is: ' + fileMarker.invalid);
  319. offset = fileMarker.offset;
  320. }
  321. var marker = fileMarker && fileMarker.marker;
  322. if (!marker || marker <= 0xFF00) {
  323. error('JPEG error: marker was not found');
  324. }
  325. if (marker >= 0xFFD0 && marker <= 0xFFD7) {
  326. offset += 2;
  327. } else {
  328. break;
  329. }
  330. }
  331. fileMarker = findNextFileMarker(data, offset);
  332. if (fileMarker && fileMarker.invalid) {
  333. warn('decodeScan - unexpected Scan data, next marker is: ' + fileMarker.invalid);
  334. offset = fileMarker.offset;
  335. }
  336. return offset - startOffset;
  337. }
  338. function quantizeAndInverse(component, blockBufferOffset, p) {
  339. var qt = component.quantizationTable,
  340. blockData = component.blockData;
  341. var v0, v1, v2, v3, v4, v5, v6, v7;
  342. var p0, p1, p2, p3, p4, p5, p6, p7;
  343. var t;
  344. if (!qt) {
  345. error('JPEG error: missing required Quantization Table.');
  346. }
  347. for (var row = 0; row < 64; row += 8) {
  348. p0 = blockData[blockBufferOffset + row];
  349. p1 = blockData[blockBufferOffset + row + 1];
  350. p2 = blockData[blockBufferOffset + row + 2];
  351. p3 = blockData[blockBufferOffset + row + 3];
  352. p4 = blockData[blockBufferOffset + row + 4];
  353. p5 = blockData[blockBufferOffset + row + 5];
  354. p6 = blockData[blockBufferOffset + row + 6];
  355. p7 = blockData[blockBufferOffset + row + 7];
  356. p0 *= qt[row];
  357. if ((p1 | p2 | p3 | p4 | p5 | p6 | p7) === 0) {
  358. t = dctSqrt2 * p0 + 512 >> 10;
  359. p[row] = t;
  360. p[row + 1] = t;
  361. p[row + 2] = t;
  362. p[row + 3] = t;
  363. p[row + 4] = t;
  364. p[row + 5] = t;
  365. p[row + 6] = t;
  366. p[row + 7] = t;
  367. continue;
  368. }
  369. p1 *= qt[row + 1];
  370. p2 *= qt[row + 2];
  371. p3 *= qt[row + 3];
  372. p4 *= qt[row + 4];
  373. p5 *= qt[row + 5];
  374. p6 *= qt[row + 6];
  375. p7 *= qt[row + 7];
  376. v0 = dctSqrt2 * p0 + 128 >> 8;
  377. v1 = dctSqrt2 * p4 + 128 >> 8;
  378. v2 = p2;
  379. v3 = p6;
  380. v4 = dctSqrt1d2 * (p1 - p7) + 128 >> 8;
  381. v7 = dctSqrt1d2 * (p1 + p7) + 128 >> 8;
  382. v5 = p3 << 4;
  383. v6 = p5 << 4;
  384. v0 = v0 + v1 + 1 >> 1;
  385. v1 = v0 - v1;
  386. t = v2 * dctSin6 + v3 * dctCos6 + 128 >> 8;
  387. v2 = v2 * dctCos6 - v3 * dctSin6 + 128 >> 8;
  388. v3 = t;
  389. v4 = v4 + v6 + 1 >> 1;
  390. v6 = v4 - v6;
  391. v7 = v7 + v5 + 1 >> 1;
  392. v5 = v7 - v5;
  393. v0 = v0 + v3 + 1 >> 1;
  394. v3 = v0 - v3;
  395. v1 = v1 + v2 + 1 >> 1;
  396. v2 = v1 - v2;
  397. t = v4 * dctSin3 + v7 * dctCos3 + 2048 >> 12;
  398. v4 = v4 * dctCos3 - v7 * dctSin3 + 2048 >> 12;
  399. v7 = t;
  400. t = v5 * dctSin1 + v6 * dctCos1 + 2048 >> 12;
  401. v5 = v5 * dctCos1 - v6 * dctSin1 + 2048 >> 12;
  402. v6 = t;
  403. p[row] = v0 + v7;
  404. p[row + 7] = v0 - v7;
  405. p[row + 1] = v1 + v6;
  406. p[row + 6] = v1 - v6;
  407. p[row + 2] = v2 + v5;
  408. p[row + 5] = v2 - v5;
  409. p[row + 3] = v3 + v4;
  410. p[row + 4] = v3 - v4;
  411. }
  412. for (var col = 0; col < 8; ++col) {
  413. p0 = p[col];
  414. p1 = p[col + 8];
  415. p2 = p[col + 16];
  416. p3 = p[col + 24];
  417. p4 = p[col + 32];
  418. p5 = p[col + 40];
  419. p6 = p[col + 48];
  420. p7 = p[col + 56];
  421. if ((p1 | p2 | p3 | p4 | p5 | p6 | p7) === 0) {
  422. t = dctSqrt2 * p0 + 8192 >> 14;
  423. t = t < -2040 ? 0 : t >= 2024 ? 255 : t + 2056 >> 4;
  424. blockData[blockBufferOffset + col] = t;
  425. blockData[blockBufferOffset + col + 8] = t;
  426. blockData[blockBufferOffset + col + 16] = t;
  427. blockData[blockBufferOffset + col + 24] = t;
  428. blockData[blockBufferOffset + col + 32] = t;
  429. blockData[blockBufferOffset + col + 40] = t;
  430. blockData[blockBufferOffset + col + 48] = t;
  431. blockData[blockBufferOffset + col + 56] = t;
  432. continue;
  433. }
  434. v0 = dctSqrt2 * p0 + 2048 >> 12;
  435. v1 = dctSqrt2 * p4 + 2048 >> 12;
  436. v2 = p2;
  437. v3 = p6;
  438. v4 = dctSqrt1d2 * (p1 - p7) + 2048 >> 12;
  439. v7 = dctSqrt1d2 * (p1 + p7) + 2048 >> 12;
  440. v5 = p3;
  441. v6 = p5;
  442. v0 = (v0 + v1 + 1 >> 1) + 4112;
  443. v1 = v0 - v1;
  444. t = v2 * dctSin6 + v3 * dctCos6 + 2048 >> 12;
  445. v2 = v2 * dctCos6 - v3 * dctSin6 + 2048 >> 12;
  446. v3 = t;
  447. v4 = v4 + v6 + 1 >> 1;
  448. v6 = v4 - v6;
  449. v7 = v7 + v5 + 1 >> 1;
  450. v5 = v7 - v5;
  451. v0 = v0 + v3 + 1 >> 1;
  452. v3 = v0 - v3;
  453. v1 = v1 + v2 + 1 >> 1;
  454. v2 = v1 - v2;
  455. t = v4 * dctSin3 + v7 * dctCos3 + 2048 >> 12;
  456. v4 = v4 * dctCos3 - v7 * dctSin3 + 2048 >> 12;
  457. v7 = t;
  458. t = v5 * dctSin1 + v6 * dctCos1 + 2048 >> 12;
  459. v5 = v5 * dctCos1 - v6 * dctSin1 + 2048 >> 12;
  460. v6 = t;
  461. p0 = v0 + v7;
  462. p7 = v0 - v7;
  463. p1 = v1 + v6;
  464. p6 = v1 - v6;
  465. p2 = v2 + v5;
  466. p5 = v2 - v5;
  467. p3 = v3 + v4;
  468. p4 = v3 - v4;
  469. p0 = p0 < 16 ? 0 : p0 >= 4080 ? 255 : p0 >> 4;
  470. p1 = p1 < 16 ? 0 : p1 >= 4080 ? 255 : p1 >> 4;
  471. p2 = p2 < 16 ? 0 : p2 >= 4080 ? 255 : p2 >> 4;
  472. p3 = p3 < 16 ? 0 : p3 >= 4080 ? 255 : p3 >> 4;
  473. p4 = p4 < 16 ? 0 : p4 >= 4080 ? 255 : p4 >> 4;
  474. p5 = p5 < 16 ? 0 : p5 >= 4080 ? 255 : p5 >> 4;
  475. p6 = p6 < 16 ? 0 : p6 >= 4080 ? 255 : p6 >> 4;
  476. p7 = p7 < 16 ? 0 : p7 >= 4080 ? 255 : p7 >> 4;
  477. blockData[blockBufferOffset + col] = p0;
  478. blockData[blockBufferOffset + col + 8] = p1;
  479. blockData[blockBufferOffset + col + 16] = p2;
  480. blockData[blockBufferOffset + col + 24] = p3;
  481. blockData[blockBufferOffset + col + 32] = p4;
  482. blockData[blockBufferOffset + col + 40] = p5;
  483. blockData[blockBufferOffset + col + 48] = p6;
  484. blockData[blockBufferOffset + col + 56] = p7;
  485. }
  486. }
  487. function buildComponentData(frame, component) {
  488. var blocksPerLine = component.blocksPerLine;
  489. var blocksPerColumn = component.blocksPerColumn;
  490. var computationBuffer = new Int16Array(64);
  491. for (var blockRow = 0; blockRow < blocksPerColumn; blockRow++) {
  492. for (var blockCol = 0; blockCol < blocksPerLine; blockCol++) {
  493. var offset = getBlockBufferOffset(component, blockRow, blockCol);
  494. quantizeAndInverse(component, offset, computationBuffer);
  495. }
  496. }
  497. return component.blockData;
  498. }
  499. function clamp0to255(a) {
  500. return a <= 0 ? 0 : a >= 255 ? 255 : a;
  501. }
  502. function findNextFileMarker(data, currentPos, startPos) {
  503. function peekUint16(pos) {
  504. return data[pos] << 8 | data[pos + 1];
  505. }
  506. var maxPos = data.length - 1;
  507. var newPos = startPos < currentPos ? startPos : currentPos;
  508. if (currentPos >= maxPos) {
  509. return null;
  510. }
  511. var currentMarker = peekUint16(currentPos);
  512. if (currentMarker >= 0xFFC0 && currentMarker <= 0xFFFE) {
  513. return {
  514. invalid: null,
  515. marker: currentMarker,
  516. offset: currentPos
  517. };
  518. }
  519. var newMarker = peekUint16(newPos);
  520. while (!(newMarker >= 0xFFC0 && newMarker <= 0xFFFE)) {
  521. if (++newPos >= maxPos) {
  522. return null;
  523. }
  524. newMarker = peekUint16(newPos);
  525. }
  526. return {
  527. invalid: currentMarker.toString(16),
  528. marker: newMarker,
  529. offset: newPos
  530. };
  531. }
  532. JpegImage.prototype = {
  533. parse: function parse(data) {
  534. function readUint16() {
  535. var value = data[offset] << 8 | data[offset + 1];
  536. offset += 2;
  537. return value;
  538. }
  539. function readDataBlock() {
  540. var length = readUint16();
  541. var endOffset = offset + length - 2;
  542. var fileMarker = findNextFileMarker(data, endOffset, offset);
  543. if (fileMarker && fileMarker.invalid) {
  544. warn('readDataBlock - incorrect length, next marker is: ' + fileMarker.invalid);
  545. endOffset = fileMarker.offset;
  546. }
  547. var array = data.subarray(offset, endOffset);
  548. offset += array.length;
  549. return array;
  550. }
  551. function prepareComponents(frame) {
  552. var mcusPerLine = Math.ceil(frame.samplesPerLine / 8 / frame.maxH);
  553. var mcusPerColumn = Math.ceil(frame.scanLines / 8 / frame.maxV);
  554. for (var i = 0; i < frame.components.length; i++) {
  555. component = frame.components[i];
  556. var blocksPerLine = Math.ceil(Math.ceil(frame.samplesPerLine / 8) * component.h / frame.maxH);
  557. var blocksPerColumn = Math.ceil(Math.ceil(frame.scanLines / 8) * component.v / frame.maxV);
  558. var blocksPerLineForMcu = mcusPerLine * component.h;
  559. var blocksPerColumnForMcu = mcusPerColumn * component.v;
  560. var blocksBufferSize = 64 * blocksPerColumnForMcu * (blocksPerLineForMcu + 1);
  561. component.blockData = new Int16Array(blocksBufferSize);
  562. component.blocksPerLine = blocksPerLine;
  563. component.blocksPerColumn = blocksPerColumn;
  564. }
  565. frame.mcusPerLine = mcusPerLine;
  566. frame.mcusPerColumn = mcusPerColumn;
  567. }
  568. var offset = 0;
  569. var jfif = null;
  570. var adobe = null;
  571. var frame, resetInterval;
  572. var quantizationTables = [];
  573. var huffmanTablesAC = [],
  574. huffmanTablesDC = [];
  575. var fileMarker = readUint16();
  576. if (fileMarker !== 0xFFD8) {
  577. error('JPEG error: SOI not found');
  578. }
  579. fileMarker = readUint16();
  580. while (fileMarker !== 0xFFD9) {
  581. var i, j, l;
  582. switch (fileMarker) {
  583. case 0xFFE0:
  584. case 0xFFE1:
  585. case 0xFFE2:
  586. case 0xFFE3:
  587. case 0xFFE4:
  588. case 0xFFE5:
  589. case 0xFFE6:
  590. case 0xFFE7:
  591. case 0xFFE8:
  592. case 0xFFE9:
  593. case 0xFFEA:
  594. case 0xFFEB:
  595. case 0xFFEC:
  596. case 0xFFED:
  597. case 0xFFEE:
  598. case 0xFFEF:
  599. case 0xFFFE:
  600. var appData = readDataBlock();
  601. if (fileMarker === 0xFFE0) {
  602. if (appData[0] === 0x4A && appData[1] === 0x46 && appData[2] === 0x49 && appData[3] === 0x46 && appData[4] === 0) {
  603. jfif = {
  604. version: {
  605. major: appData[5],
  606. minor: appData[6]
  607. },
  608. densityUnits: appData[7],
  609. xDensity: appData[8] << 8 | appData[9],
  610. yDensity: appData[10] << 8 | appData[11],
  611. thumbWidth: appData[12],
  612. thumbHeight: appData[13],
  613. thumbData: appData.subarray(14, 14 + 3 * appData[12] * appData[13])
  614. };
  615. }
  616. }
  617. if (fileMarker === 0xFFEE) {
  618. if (appData[0] === 0x41 && appData[1] === 0x64 && appData[2] === 0x6F && appData[3] === 0x62 && appData[4] === 0x65) {
  619. adobe = {
  620. version: appData[5] << 8 | appData[6],
  621. flags0: appData[7] << 8 | appData[8],
  622. flags1: appData[9] << 8 | appData[10],
  623. transformCode: appData[11]
  624. };
  625. }
  626. }
  627. break;
  628. case 0xFFDB:
  629. var quantizationTablesLength = readUint16();
  630. var quantizationTablesEnd = quantizationTablesLength + offset - 2;
  631. var z;
  632. while (offset < quantizationTablesEnd) {
  633. var quantizationTableSpec = data[offset++];
  634. var tableData = new Uint16Array(64);
  635. if (quantizationTableSpec >> 4 === 0) {
  636. for (j = 0; j < 64; j++) {
  637. z = dctZigZag[j];
  638. tableData[z] = data[offset++];
  639. }
  640. } else if (quantizationTableSpec >> 4 === 1) {
  641. for (j = 0; j < 64; j++) {
  642. z = dctZigZag[j];
  643. tableData[z] = readUint16();
  644. }
  645. } else {
  646. error('JPEG error: DQT - invalid table spec');
  647. }
  648. quantizationTables[quantizationTableSpec & 15] = tableData;
  649. }
  650. break;
  651. case 0xFFC0:
  652. case 0xFFC1:
  653. case 0xFFC2:
  654. if (frame) {
  655. error('JPEG error: Only single frame JPEGs supported');
  656. }
  657. readUint16();
  658. frame = {};
  659. frame.extended = fileMarker === 0xFFC1;
  660. frame.progressive = fileMarker === 0xFFC2;
  661. frame.precision = data[offset++];
  662. frame.scanLines = readUint16();
  663. frame.samplesPerLine = readUint16();
  664. frame.components = [];
  665. frame.componentIds = {};
  666. var componentsCount = data[offset++],
  667. componentId;
  668. var maxH = 0,
  669. maxV = 0;
  670. for (i = 0; i < componentsCount; i++) {
  671. componentId = data[offset];
  672. var h = data[offset + 1] >> 4;
  673. var v = data[offset + 1] & 15;
  674. if (maxH < h) {
  675. maxH = h;
  676. }
  677. if (maxV < v) {
  678. maxV = v;
  679. }
  680. var qId = data[offset + 2];
  681. l = frame.components.push({
  682. h: h,
  683. v: v,
  684. quantizationId: qId,
  685. quantizationTable: null
  686. });
  687. frame.componentIds[componentId] = l - 1;
  688. offset += 3;
  689. }
  690. frame.maxH = maxH;
  691. frame.maxV = maxV;
  692. prepareComponents(frame);
  693. break;
  694. case 0xFFC4:
  695. var huffmanLength = readUint16();
  696. for (i = 2; i < huffmanLength;) {
  697. var huffmanTableSpec = data[offset++];
  698. var codeLengths = new Uint8Array(16);
  699. var codeLengthSum = 0;
  700. for (j = 0; j < 16; j++, offset++) {
  701. codeLengthSum += codeLengths[j] = data[offset];
  702. }
  703. var huffmanValues = new Uint8Array(codeLengthSum);
  704. for (j = 0; j < codeLengthSum; j++, offset++) {
  705. huffmanValues[j] = data[offset];
  706. }
  707. i += 17 + codeLengthSum;
  708. (huffmanTableSpec >> 4 === 0 ? huffmanTablesDC : huffmanTablesAC)[huffmanTableSpec & 15] = buildHuffmanTable(codeLengths, huffmanValues);
  709. }
  710. break;
  711. case 0xFFDD:
  712. readUint16();
  713. resetInterval = readUint16();
  714. break;
  715. case 0xFFDA:
  716. readUint16();
  717. var selectorsCount = data[offset++];
  718. var components = [],
  719. component;
  720. for (i = 0; i < selectorsCount; i++) {
  721. var componentIndex = frame.componentIds[data[offset++]];
  722. component = frame.components[componentIndex];
  723. var tableSpec = data[offset++];
  724. component.huffmanTableDC = huffmanTablesDC[tableSpec >> 4];
  725. component.huffmanTableAC = huffmanTablesAC[tableSpec & 15];
  726. components.push(component);
  727. }
  728. var spectralStart = data[offset++];
  729. var spectralEnd = data[offset++];
  730. var successiveApproximation = data[offset++];
  731. var processed = decodeScan(data, offset, frame, components, resetInterval, spectralStart, spectralEnd, successiveApproximation >> 4, successiveApproximation & 15);
  732. offset += processed;
  733. break;
  734. case 0xFFFF:
  735. if (data[offset] !== 0xFF) {
  736. offset--;
  737. }
  738. break;
  739. default:
  740. if (data[offset - 3] === 0xFF && data[offset - 2] >= 0xC0 && data[offset - 2] <= 0xFE) {
  741. offset -= 3;
  742. break;
  743. }
  744. error('JPEG error: unknown marker ' + fileMarker.toString(16));
  745. }
  746. fileMarker = readUint16();
  747. }
  748. this.width = frame.samplesPerLine;
  749. this.height = frame.scanLines;
  750. this.jfif = jfif;
  751. this.adobe = adobe;
  752. this.components = [];
  753. for (i = 0; i < frame.components.length; i++) {
  754. component = frame.components[i];
  755. var quantizationTable = quantizationTables[component.quantizationId];
  756. if (quantizationTable) {
  757. component.quantizationTable = quantizationTable;
  758. }
  759. this.components.push({
  760. output: buildComponentData(frame, component),
  761. scaleX: component.h / frame.maxH,
  762. scaleY: component.v / frame.maxV,
  763. blocksPerLine: component.blocksPerLine,
  764. blocksPerColumn: component.blocksPerColumn
  765. });
  766. }
  767. this.numComponents = this.components.length;
  768. },
  769. _getLinearizedBlockData: function getLinearizedBlockData(width, height) {
  770. var scaleX = this.width / width,
  771. scaleY = this.height / height;
  772. var component, componentScaleX, componentScaleY, blocksPerScanline;
  773. var x, y, i, j, k;
  774. var index;
  775. var offset = 0;
  776. var output;
  777. var numComponents = this.components.length;
  778. var dataLength = width * height * numComponents;
  779. var data = new Uint8Array(dataLength);
  780. var xScaleBlockOffset = new Uint32Array(width);
  781. var mask3LSB = 0xfffffff8;
  782. for (i = 0; i < numComponents; i++) {
  783. component = this.components[i];
  784. componentScaleX = component.scaleX * scaleX;
  785. componentScaleY = component.scaleY * scaleY;
  786. offset = i;
  787. output = component.output;
  788. blocksPerScanline = component.blocksPerLine + 1 << 3;
  789. for (x = 0; x < width; x++) {
  790. j = 0 | x * componentScaleX;
  791. xScaleBlockOffset[x] = (j & mask3LSB) << 3 | j & 7;
  792. }
  793. for (y = 0; y < height; y++) {
  794. j = 0 | y * componentScaleY;
  795. index = blocksPerScanline * (j & mask3LSB) | (j & 7) << 3;
  796. for (x = 0; x < width; x++) {
  797. data[offset] = output[index + xScaleBlockOffset[x]];
  798. offset += numComponents;
  799. }
  800. }
  801. }
  802. var transform = this.decodeTransform;
  803. if (transform) {
  804. for (i = 0; i < dataLength;) {
  805. for (j = 0, k = 0; j < numComponents; j++, i++, k += 2) {
  806. data[i] = (data[i] * transform[k] >> 8) + transform[k + 1];
  807. }
  808. }
  809. }
  810. return data;
  811. },
  812. _isColorConversionNeeded: function isColorConversionNeeded() {
  813. if (this.adobe && this.adobe.transformCode) {
  814. return true;
  815. } else if (this.numComponents === 3) {
  816. if (!this.adobe && this.colorTransform === 0) {
  817. return false;
  818. }
  819. return true;
  820. }
  821. if (!this.adobe && this.colorTransform === 1) {
  822. return true;
  823. }
  824. return false;
  825. },
  826. _convertYccToRgb: function convertYccToRgb(data) {
  827. var Y, Cb, Cr;
  828. for (var i = 0, length = data.length; i < length; i += 3) {
  829. Y = data[i];
  830. Cb = data[i + 1];
  831. Cr = data[i + 2];
  832. data[i] = clamp0to255(Y - 179.456 + 1.402 * Cr);
  833. data[i + 1] = clamp0to255(Y + 135.459 - 0.344 * Cb - 0.714 * Cr);
  834. data[i + 2] = clamp0to255(Y - 226.816 + 1.772 * Cb);
  835. }
  836. return data;
  837. },
  838. _convertYcckToRgb: function convertYcckToRgb(data) {
  839. var Y, Cb, Cr, k;
  840. var offset = 0;
  841. for (var i = 0, length = data.length; i < length; i += 4) {
  842. Y = data[i];
  843. Cb = data[i + 1];
  844. Cr = data[i + 2];
  845. k = data[i + 3];
  846. var r = -122.67195406894 + Cb * (-6.60635669420364e-5 * Cb + 0.000437130475926232 * Cr - 5.4080610064599e-5 * Y + 0.00048449797120281 * k - 0.154362151871126) + Cr * (-0.000957964378445773 * Cr + 0.000817076911346625 * Y - 0.00477271405408747 * k + 1.53380253221734) + Y * (0.000961250184130688 * Y - 0.00266257332283933 * k + 0.48357088451265) + k * (-0.000336197177618394 * k + 0.484791561490776);
  847. var g = 107.268039397724 + Cb * (2.19927104525741e-5 * Cb - 0.000640992018297945 * Cr + 0.000659397001245577 * Y + 0.000426105652938837 * k - 0.176491792462875) + Cr * (-0.000778269941513683 * Cr + 0.00130872261408275 * Y + 0.000770482631801132 * k - 0.151051492775562) + Y * (0.00126935368114843 * Y - 0.00265090189010898 * k + 0.25802910206845) + k * (-0.000318913117588328 * k - 0.213742400323665);
  848. var b = -20.810012546947 + Cb * (-0.000570115196973677 * Cb - 2.63409051004589e-5 * Cr + 0.0020741088115012 * Y - 0.00288260236853442 * k + 0.814272968359295) + Cr * (-1.53496057440975e-5 * Cr - 0.000132689043961446 * Y + 0.000560833691242812 * k - 0.195152027534049) + Y * (0.00174418132927582 * Y - 0.00255243321439347 * k + 0.116935020465145) + k * (-0.000343531996510555 * k + 0.24165260232407);
  849. data[offset++] = clamp0to255(r);
  850. data[offset++] = clamp0to255(g);
  851. data[offset++] = clamp0to255(b);
  852. }
  853. return data;
  854. },
  855. _convertYcckToCmyk: function convertYcckToCmyk(data) {
  856. var Y, Cb, Cr;
  857. for (var i = 0, length = data.length; i < length; i += 4) {
  858. Y = data[i];
  859. Cb = data[i + 1];
  860. Cr = data[i + 2];
  861. data[i] = clamp0to255(434.456 - Y - 1.402 * Cr);
  862. data[i + 1] = clamp0to255(119.541 - Y + 0.344 * Cb + 0.714 * Cr);
  863. data[i + 2] = clamp0to255(481.816 - Y - 1.772 * Cb);
  864. }
  865. return data;
  866. },
  867. _convertCmykToRgb: function convertCmykToRgb(data) {
  868. var c, m, y, k;
  869. var offset = 0;
  870. var min = -255 * 255 * 255;
  871. var scale = 1 / 255 / 255;
  872. for (var i = 0, length = data.length; i < length; i += 4) {
  873. c = data[i];
  874. m = data[i + 1];
  875. y = data[i + 2];
  876. k = data[i + 3];
  877. var r = c * (-4.387332384609988 * c + 54.48615194189176 * m + 18.82290502165302 * y + 212.25662451639585 * k - 72734.4411664936) + m * (1.7149763477362134 * m - 5.6096736904047315 * y - 17.873870861415444 * k - 1401.7366389350734) + y * (-2.5217340131683033 * y - 21.248923337353073 * k + 4465.541406466231) - k * (21.86122147463605 * k + 48317.86113160301);
  878. var g = c * (8.841041422036149 * c + 60.118027045597366 * m + 6.871425592049007 * y + 31.159100130055922 * k - 20220.756542821975) + m * (-15.310361306967817 * m + 17.575251261109482 * y + 131.35250912493976 * k - 48691.05921601825) + y * (4.444339102852739 * y + 9.8632861493405 * k - 6341.191035517494) - k * (20.737325471181034 * k + 47890.15695978492);
  879. var b = c * (0.8842522430003296 * c + 8.078677503112928 * m + 30.89978309703729 * y - 0.23883238689178934 * k - 3616.812083916688) + m * (10.49593273432072 * m + 63.02378494754052 * y + 50.606957656360734 * k - 28620.90484698408) + y * (0.03296041114873217 * y + 115.60384449646641 * k - 49363.43385999684) - k * (22.33816807309886 * k + 45932.16563550634);
  880. data[offset++] = r >= 0 ? 255 : r <= min ? 0 : 255 + r * scale | 0;
  881. data[offset++] = g >= 0 ? 255 : g <= min ? 0 : 255 + g * scale | 0;
  882. data[offset++] = b >= 0 ? 255 : b <= min ? 0 : 255 + b * scale | 0;
  883. }
  884. return data;
  885. },
  886. getData: function getData(width, height, forceRGBoutput) {
  887. if (this.numComponents > 4) {
  888. error('JPEG error: Unsupported color mode');
  889. }
  890. var data = this._getLinearizedBlockData(width, height);
  891. if (this.numComponents === 1 && forceRGBoutput) {
  892. var dataLength = data.length;
  893. var rgbData = new Uint8Array(dataLength * 3);
  894. var offset = 0;
  895. for (var i = 0; i < dataLength; i++) {
  896. var grayColor = data[i];
  897. rgbData[offset++] = grayColor;
  898. rgbData[offset++] = grayColor;
  899. rgbData[offset++] = grayColor;
  900. }
  901. return rgbData;
  902. } else if (this.numComponents === 3 && this._isColorConversionNeeded()) {
  903. return this._convertYccToRgb(data);
  904. } else if (this.numComponents === 4) {
  905. if (this._isColorConversionNeeded()) {
  906. if (forceRGBoutput) {
  907. return this._convertYcckToRgb(data);
  908. }
  909. return this._convertYcckToCmyk(data);
  910. } else if (forceRGBoutput) {
  911. return this._convertCmykToRgb(data);
  912. }
  913. }
  914. return data;
  915. }
  916. };
  917. return JpegImage;
  918. }();
  919. exports.JpegImage = JpegImage;