jpg.js 33 KB

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