jpg.js 33 KB

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