jpg.js 34 KB

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