- // ==UserScript==
- // @name bv7_jpeg_encoder_b
- // @namespace bv7
- // @version 0.1
- // @description array -> jpeg
- // @author bv7
- // ==/UserScript==
-
- // include file:///D:/projects/JSProjects/bv7bbc/bv7_bbc_dark/bv_dev_canvas*.html
- // require https://gf.qytechs.cn/scripts/38665-bv7-jpeg2array-b/code/bv7_jpeg2array_b.user.js
- // require https://gf.qytechs.cn/scripts/39257-bv7-canvas-b/code/bv7_canvas_b.js
- // require https://raw.githubusercontent.com/owencm/javascript-jpeg-encoder/master/jpeg_encoder_basic.js
- // run-at document-idle
- // grant GM_xmlhttpRequest
-
- class JpegEncoder {
- constructor() {
- this.zigZag = [
- 0x00, 0x01, 0x05, 0x06, 0x0E, 0x0F, 0x1B, 0x1C,
- 0x02, 0x04, 0x07, 0x0D, 0x10, 0x1A, 0x1D, 0x2A,
- 0x03, 0x08, 0x0C, 0x11, 0x19, 0x1E, 0x29, 0x2B,
- 0x09, 0x0B, 0x12, 0x18, 0x1F, 0x28, 0x2C, 0x35,
- 0x0A, 0x13, 0x17, 0x20, 0x27, 0x2D, 0x34, 0x36,
- 0x14, 0x16, 0x21, 0x26, 0x2E, 0x33, 0x37, 0x3C,
- 0x15, 0x22, 0x25, 0x2F, 0x32, 0x38, 0x3B, 0x3D,
- 0x23, 0x24, 0x30, 0x31, 0x39, 0x3A, 0x3E, 0x3F
- ];
- this.std_dc_luminance_nrcodes = [
- 0x00, 0x01, 0x05, 0x01, 0x01, 0x01, 0x01, 0x01,
- 0x01, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00, 0x00
- ];
- this.std_dc_luminance_values = [
- 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06, 0x07,
- 0x08, 0x09, 0x0A, 0x0B
- ];
- this.std_ac_luminance_nrcodes = [
- 0x00, 0x02, 0x01, 0x03, 0x03, 0x02, 0x04, 0x03,
- 0x05, 0x05, 0x04, 0x04, 0x00, 0x00, 0x01, 0x7D
- ];
- this.std_ac_luminance_values = [
- 0x01, 0x02, 0x03, 0x00, 0x04, 0x11, 0x05, 0x12,
- 0x21, 0x31, 0x41, 0x06, 0x13, 0x51, 0x61, 0x07,
- 0x22, 0x71, 0x14, 0x32, 0x81, 0x91, 0xA1, 0x08,
- 0x23, 0x42, 0xB1, 0xC1, 0x15, 0x52, 0xD1, 0xF0,
- 0x24, 0x33, 0x62, 0x72, 0x82, 0x09, 0x0A, 0x16,
- 0x17, 0x18, 0x19, 0x1A, 0x25, 0x26, 0x27, 0x28,
- 0x29, 0x2A, 0x34, 0x35, 0x36, 0x37, 0x38, 0x39,
- 0x3A, 0x43, 0x44, 0x45, 0x46, 0x47, 0x48, 0x49,
- 0x4A, 0x53, 0x54, 0x55, 0x56, 0x57, 0x58, 0x59,
- 0x5A, 0x63, 0x64, 0x65, 0x66, 0x67, 0x68, 0x69,
- 0x6A, 0x73, 0x74, 0x75, 0x76, 0x77, 0x78, 0x79,
- 0x7A, 0x83, 0x84, 0x85, 0x86, 0x87, 0x88, 0x89,
- 0x8A, 0x92, 0x93, 0x94, 0x95, 0x96, 0x97, 0x98,
- 0x99, 0x9A, 0xA2, 0xA3, 0xA4, 0xA5, 0xA6, 0xA7,
- 0xA8, 0xA9, 0xAA, 0xB2, 0xB3, 0xB4, 0xB5, 0xB6,
- 0xB7, 0xB8, 0xB9, 0xBA, 0xC2, 0xC3, 0xC4, 0xC5,
- 0xC6, 0xC7, 0xC8, 0xC9, 0xCA, 0xD2, 0xD3, 0xD4,
- 0xD5, 0xD6, 0xD7, 0xD8, 0xD9, 0xDA, 0xE1, 0xE2,
- 0xE3, 0xE4, 0xE5, 0xE6, 0xE7, 0xE8, 0xE9, 0xEA,
- 0xF1, 0xF2, 0xF3, 0xF4, 0xF5, 0xF6, 0xF7, 0xF8,
- 0xF9, 0xFA
- ];
- this.std_dc_chrominance_nrcodes = [
- 0x00, 0x03, 0x01, 0x01, 0x01, 0x01, 0x01, 0x01,
- 0x01, 0x01, 0x01, 0x00, 0x00, 0x00, 0x00, 0x00
- ];
- this.std_dc_chrominance_values = [
- 0x00, 0x01, 0x02, 0x03, 0x04, 0x05, 0x06, 0x07,
- 0x08, 0x09, 0x0A, 0x0B
- ];
- this.std_ac_chrominance_nrcodes = [
- 0x00, 0x02, 0x01, 0x02, 0x04, 0x04, 0x03, 0x04,
- 0x07, 0x05, 0x04, 0x04, 0x00, 0x01, 0x02, 0x77
- ];
- this.std_ac_chrominance_values = [
- 0x00, 0x01, 0x02, 0x03, 0x11, 0x04, 0x05, 0x21,
- 0x31, 0x06, 0x12, 0x41, 0x51, 0x07, 0x61, 0x71,
- 0x13, 0x22, 0x32, 0x81, 0x08, 0x14, 0x42, 0x91,
- 0xA1, 0xB1, 0xC1, 0x09, 0x23, 0x33, 0x52, 0xF0,
- 0x15, 0x62, 0x72, 0xD1, 0x0A, 0x16, 0x24, 0x34,
- 0xE1, 0x25, 0xF1, 0x17, 0x18, 0x19, 0x1A, 0x26,
- 0x27, 0x28, 0x29, 0x2A, 0x35, 0x36, 0x37, 0x38,
- 0x39, 0x3A, 0x43, 0x44, 0x45, 0x46, 0x47, 0x48,
- 0x49, 0x4A, 0x53, 0x54, 0x55, 0x56, 0x57, 0x58,
- 0x59, 0x5A, 0x63, 0x64, 0x65, 0x66, 0x67, 0x68,
- 0x69, 0x6A, 0x73, 0x74, 0x75, 0x76, 0x77, 0x78,
- 0x79, 0x7A, 0x82, 0x83, 0x84, 0x85, 0x86, 0x87,
- 0x88, 0x89, 0x8A, 0x92, 0x93, 0x94, 0x95, 0x96,
- 0x97, 0x98, 0x99, 0x9A, 0xA2, 0xA3, 0xA4, 0xA5,
- 0xA6, 0xA7, 0xA8, 0xA9, 0xAA, 0xB2, 0xB3, 0xB4,
- 0xB5, 0xB6, 0xB7, 0xB8, 0xB9, 0xBA, 0xC2, 0xC3,
- 0xC4, 0xC5, 0xC6, 0xC7, 0xC8, 0xC9, 0xCA, 0xD2,
- 0xD3, 0xD4, 0xD5, 0xD6, 0xD7, 0xD8, 0xD9, 0xDA,
- 0xE2, 0xE3, 0xE4, 0xE5, 0xE6, 0xE7, 0xE8, 0xE9,
- 0xEA, 0xF2, 0xF3, 0xF4, 0xF5, 0xF6, 0xF7, 0xF8,
- 0xF9, 0xFA
- ];
- this.YDC_HT = new Uint8Array(0x0B);
- this.UVDC_HT = new Uint8Array(0x0B);
- this.YAC_HT = new Int8Array(0xFA);
- this.UVAC_HT = new Int8Array(0xFA);
- this.YDC_HT2 = new Uint8Array(0x0B);
- this.UVDC_HT2 = new Uint8Array(0x0B);
- this.YAC_HT2 = new Uint8Array(0xFA);
- this.UVAC_HT2 = new Uint8Array(0xFA);
- this.YTable = new Uint8Array(0x40 );
- this.UVTable = new Uint8Array(0x40 );
- this.fdtbl_Y = [];
- this.fdtbl_UV = new Float32Array(0x08);
- this.outputfDCTQuant = new Uint16Array(0x40 );
- this.DU = new Int16Array(0x40 );
- this.category = new Uint8Array(0xFFFE);
- this.bitcode = new Uint16Array(0xFFFE);
- this.RGB_YUV_TABLE = new Uint32Array(0x0800);
- this.YDU = new Int16Array(0x40 );
- this.UDU = new Int16Array(0x40 );
- this.VDU = new Int16Array(0x40 );
- this.initHuffmanTbl();
- this.initCategoryNumber();
- this.initRGBYUVTable();
- }
- // IO functions
- writeBits(value, posval) {
- while (posval >= 0) {
- if (value & (1 << posval)) this.bytenew |= (1 << this.bytepos);
- posval--;
- this.bytepos--;
- if (this.bytepos < 0) {
- this.writeByte(this.bytenew);
- if (this.bytenew == 0xFF) this.writeByte(0x00);
- this.bytepos = 7;
- this.bytenew = 0;
- }
- }
- }
- writeByte(value) {
- this.byteout.push(String.fromCharCode(value)); // write char directly instead of converting later
- }
- writeWord(value) {
- this.writeByte((value >> 8) & 0xFF);
- this.writeByte((value ) & 0xFF);
- }
- writeAPP0() {
- this.writeWord(0xFFE0); // marker
- this.writeWord(0x0010); // length
- this.writeByte(0x4A ); // J
- this.writeByte(0x46 ); // F
- this.writeByte(0x49 ); // I
- this.writeByte(0x46 ); // F
- this.writeByte(0x00 ); // = "JFIF",'\0'
- this.writeByte(0x01 ); // versionhi
- this.writeByte(0x01 ); // versionlo
- this.writeByte(0x00 ); // xyunits
- this.writeWord(0x0001); // xdensity
- this.writeWord(0x0001); // ydensity
- this.writeByte(0x00 ); // thumbnwidth
- this.writeByte(0x00 ); // thumbnheight
- }
- writeDQT() {
- this.writeWord(0xFFDB); // marker
- this.writeWord(0x0084); // length
- this.writeByte(0x00 );
- this.YTable.forEach((v) => this.writeByte(v));
- this.writeByte(0x01 );
- this.UVTable.forEach((v) => this.writeByte(v));
- }
- writeSOF0(width, height) {
- this.writeWord(0xFFC0); // marker
- this.writeWord(0x0011); // length, truecolor YUV JPG
- this.writeByte(0x08 ); // precision
- this.writeWord(height);
- this.writeWord(width );
- this.writeByte(0x03 ); // nrofcomponents
- this.writeByte(0x01 ); // IdY
- this.writeByte(0x11 ); // HVY
- this.writeByte(0x00 ); // QTY
- this.writeByte(0x02 ); // IdU
- this.writeByte(0x11 ); // HVU
- this.writeByte(0x01 ); // QTU
- this.writeByte(0x03 ); // IdV
- this.writeByte(0x11 ); // HVV
- this.writeByte(0x01 ); // QTV
- }
- writeDHT() {
- this.writeWord(0xFFC4); // marker
- this.writeWord(0x01A2); // length
- this.writeByte(0x00 ); // HTYDCinfo
- this.std_dc_luminance_nrcodes.forEach((v) => this.writeByte(v));
- this.std_dc_luminance_values.forEach((v) => this.writeByte(v));
- this.writeByte(0x10 ); // HTYACinfo
- this.std_ac_luminance_nrcodes.forEach((v) => this.writeByte(v));
- this.std_ac_luminance_values.forEach((v) => this.writeByte(v));
- this.writeByte(0x01 ); // HTUDCinfo
- this.std_dc_chrominance_nrcodes.forEach((v) => this.writeByte(v));
- this.std_dc_chrominance_values.forEach((v) => this.writeByte(v));
- this.writeByte(0x11 ); // HTUACinfo
- this.std_ac_chrominance_nrcodes.forEach((v) => this.writeByte(v));
- this.std_ac_chrominance_values.forEach((v) => this.writeByte(v));
- }
- writeSOS() {
- this.writeWord(0xFFDA); // marker
- this.writeWord(0x000C); // length
- this.writeByte(0x03 ); // nrofcomponents
- this.writeByte(0x01 ); // IdY
- this.writeByte(0x00 ); // HTY
- this.writeByte(0x02 ); // IdU
- this.writeByte(0x11 ); // HTU
- this.writeByte(0x03 ); // IdV
- this.writeByte(0x11 ); // HTV
- this.writeByte(0x00 ); // Ss
- this.writeByte(0x3F ); // Se
- this.writeByte(0x00 ); // Bf
- }
- computeHuffmanTbl(nrcodes, std_table, HT, HT2) {
- let a, j;
- let codevalue = 0;
- let pos_in_table = 0;
- nrcodes.forEach((nrcodesK, k) => {
- for (j = 0; j < nrcodesK; j++) {
- HT[a = std_table[pos_in_table++]] = codevalue++;
- HT2[a ] = k;
- }
- codevalue *= 2;
- });
- }
- initHuffmanTbl() {
- this.computeHuffmanTbl(this.std_dc_luminance_nrcodes , this.std_dc_luminance_values , this.YDC_HT , this.YDC_HT2 );
- this.computeHuffmanTbl(this.std_dc_chrominance_nrcodes, this.std_dc_chrominance_values, this.UVDC_HT, this.UVDC_HT2);
- this.computeHuffmanTbl(this.std_ac_luminance_nrcodes , this.std_ac_luminance_values , this.YAC_HT , this.YAC_HT2 );
- this.computeHuffmanTbl(this.std_ac_chrominance_nrcodes, this.std_ac_chrominance_values, this.UVAC_HT, this.UVAC_HT2);
- }
- initCategoryNumber() {
- let cat, nr, nrlower, nrupper, nrn;
- for (cat = 0, nrlower = 1, nrupper = 2; cat < 15; cat++, nrlower = nrupper, nrupper <<= 1) {
- for (nr = nrlower, nrn = nrlower - 1; nr < nrupper; nr++, nrn--) { //Positive & Negative numbers
- this.category[0x7FFF + nr] = this.category[0x7FFF - nr] = cat;
- this.bitcode[ 0x7FFF + nr] = nr;
- this.bitcode[ 0x7FFF - nr] = nrn;
- }
- }
- }
- initRGBYUVTable() {
- for(let i = 0x0000; i < 0x0100; i++) {
- this.RGB_YUV_TABLE[i ] = 0x004C8B * i ;
- this.RGB_YUV_TABLE[i + 0x0100] = 0x009646 * i ;
- this.RGB_YUV_TABLE[i + 0x0200] = 0x001D2F * i + 0x008000;
- this.RGB_YUV_TABLE[i + 0x0300] = - 0x002B33 * i ;
- this.RGB_YUV_TABLE[i + 0x0400] = - 0x0054CD * i ;
- this.RGB_YUV_TABLE[i + 0x0500] = 0x008000 * i + 0x807FFF;
- this.RGB_YUV_TABLE[i + 0x0600] = - 0x006B2F * i ;
- this.RGB_YUV_TABLE[i + 0x0700] = - 0x0014D1 * i ;
- }
- }
- initQuantTables(sf) {
- let i, t;
- let row;
- let col;
- [
- 0x10, 0x0B, 0x0A, 0x10, 0x18, 0x28, 0x33, 0x3D,
- 0x0C, 0x0C, 0x0E, 0x13, 0x1A, 0x3A, 0x3C, 0x37,
- 0x0E, 0x0D, 0x10, 0x18, 0x28, 0x39, 0x45, 0x38,
- 0x0E, 0x11, 0x16, 0x1D, 0x33, 0x57, 0x50, 0x3E,
- 0x12, 0x16, 0x25, 0x38, 0x44, 0x6D, 0x67, 0x4D,
- 0x18, 0x23, 0x37, 0x40, 0x51, 0x68, 0x71, 0x5C,
- 0x31, 0x40, 0x4E, 0x57, 0x67, 0x79, 0x78, 0x65,
- 0x48, 0x5C, 0x5F, 0x62, 0x70, 0x64, 0x67, 0x63
- ].forEach((v, i) => this.YTable[this.zigZag[i]] = (t = 0 | ((v * sf + 50) / 100)) < 1 ? 1 : t > 0xFF ? 0xFF : t);
- [
- 0x11, 0x12, 0x18, 0x2F, 0x63, 0x63, 0x63, 0x63,
- 0x12, 0x15, 0x1A, 0x42, 0x63, 0x63, 0x63, 0x63,
- 0x18, 0x1A, 0x38, 0x63, 0x63, 0x63, 0x63, 0x63,
- 0x2F, 0x42, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63,
- 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63,
- 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63,
- 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63,
- 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63, 0x63
- ].forEach((v, i) => this.UVTable[this.zigZag[i]] = (t = 0 | ((v * sf + 50) / 100)) < 1 ? 1 : t > 0xFF ? 0xFF : t);
- let aasf = [
- 1.0, 1.387039845, 1.306562965, 1.175875602,
- 1.0, 0.785694958, 0.541196100, 0.275899379
- ];
- for (i = 0, row = 0; row < 8; row++) for (col = 0; col < 8; col++, i++) {
- this.fdtbl_Y[i] = 1.0 / (this.YTable [this.zigZag[i]] * aasf[row] * aasf[col] * 8.0);
- this.fdtbl_UV[i] = 1.0 / (this.UVTable[this.zigZag[i]] * aasf[row] * aasf[col] * 8.0);
- }
- }
- fDCTQuant(data, fdtbl) { // DCT & quantization core
- let d0, d1, d2, d3, d4, d5, d6, d7;
- let t0, t1, t2, t3, t4, t5, t6, t7;
- // Pass 1: process rows.
- let i, p;
- for (i = p = 0; i < 8; ++i, p += 8) { // advance pointer to next row
- d0 = data[p ];
- d1 = data[p + 1];
- d2 = data[p + 2];
- d3 = data[p + 3];
- d4 = data[p + 4];
- d5 = data[p + 5];
- d6 = data[p + 6];
- d7 = data[p + 7];
- t0 = d0 + d7;
- t7 = d0 - d7;
- t1 = d1 + d6;
- t6 = d1 - d6;
- t2 = d2 + d5;
- t5 = d2 - d5;
- t3 = d3 + d4;
- t4 = d3 - d4;
- // Even part
- d0 = t0 + t3; // phase 2
- d1 = t1 + t2;
- d2 = t1 - t2;
- d3 = t0 - t3;
- data[p ] = d0 + d1; // phase 3
- data[p + 4] = d0 - d1;
- d0 = (d2 + d3) * 0.707106781; // c4
- data[p + 2] = d3 + d0; // phase 5
- data[p + 6] = d3 - d0;
- // Odd part
- d0 = t4 + t5; // phase 2
- d1 = t5 + t6;
- d2 = t6 + t7;
- // The rotator is modified from fig 4-8 to avoid extra negations.
- d3 = 0.382683433 * (d0 - d2); // c6
- t2 = 0.541196100 * d0 + d3; // c2-c6
- t4 = 1.306562965 * d2 + d3; // c2+c6
- t3 = 0.707106781 * d1 ; // c4
- d1 = t7 + t3; // phase 5
- d3 = t7 - t3;
- data[p + 1] = d1 + t4; // phase 6
- data[p + 3] = d3 - t2;
- data[p + 5] = d3 + t2;
- data[p + 7] = d1 - t4;
- }
- // Pass 2: process columns.
- for (i = p = 0; i < 8; ++i, p++) { // advance pointer to next column
- d0 = data[p ];
- d1 = data[p + 0x08];
- d2 = data[p + 0x10];
- d3 = data[p + 0x18];
- d4 = data[p + 0x20];
- d5 = data[p + 0x28];
- d6 = data[p + 0x30];
- d7 = data[p + 0x38];
- t0 = d0 + d7;
- t1 = d1 + d6;
- t2 = d2 + d5;
- t3 = d3 + d4;
- t4 = d3 - d4;
- t5 = d2 - d5;
- t6 = d1 - d6;
- t7 = d0 - d7;
- // Even part
- d0 = t0 + t3; // phase 2
- d1 = t1 + t2;
- d2 = t1 - t2;
- d3 = t0 - t3;
- data[p ] = d0 + d1; // phase 3
- data[p + 0x20] = d0 - d1;
- d0 = (d2 + d3) * 0.707106781; // c4
- data[p + 0x10] = d3 + d0; // phase 5
- data[p + 0x30] = d3 - d0;
- // Odd part
- d0 = t4 + t5; // phase 2
- d1 = t5 + t6;
- d2 = t6 + t7;
- // The rotator is modified from fig 4-8 to avoid extra negations.
- d3 = 0.382683433 * (d0 - d2); // c6
- t2 = 0.541196100 * d0 + d3; // c2-c6
- t4 = 1.306562965 * d2 + d3; // c2+c6
- t3 = 0.707106781 * d1; // c4
- d1 = t7 + t3; // phase 5
- d3 = t7 - t3;
- data[p + 0x08] = d1 + t4; // phase 6
- data[p + 0x18] = d3 - t2;
- data[p + 0x28] = d3 + t2;
- data[p + 0x38] = d1 - t4;
- }
- // Quantize/descale the coefficients
- // Apply the quantization and scaling factor & Round to nearest integer
- for (i = 0; i < 64; ++i) this.outputfDCTQuant[i] = ((d0 = data[i] * fdtbl[i]) > 0.0) ? ((d0 + 0.5)|0) : ((d0 - 0.5)|0); //outputfDCTQuant[i] = fround(d0);
- return this.outputfDCTQuant;
- }
- processDU(CDU, fdtbl, DC, HTDC, HTAC, HTDC2, HTAC2) {
- let pos, i, a;
- let EOB = HTAC[0x00];
- let EOB2 = HTAC2[0x00];
- let M16zeroes = HTAC[0xF0];
- let M16zeroes2 = HTAC2[0xF0];
- let DU_DCT = this.fDCTQuant(CDU, fdtbl);
- //ZigZag reorder
- for (i = 0; i < 64; ++i) this.DU[this.zigZag[i]] = DU_DCT[i];
- let Diff = this.DU[0] - DC;
- DC = this.DU[0];
- //Encode DC
- if (Diff == 0) this.writeBits(HTDC[0], HTDC2[0]); // Diff might be 0
- else {
- pos = 0x7FFF + Diff;
- this.writeBits(HTDC[a = this.category[pos] + 1], HTDC2[a]);
- this.writeBits(this.bitcode[pos], this.category[pos]);
- }
- //Encode ACs
- let end0pos = 0x3F; // was const... which is crazy
- while (end0pos > 0 && this.DU[end0pos] == 0) end0pos--;
- if (end0pos == 0) this.writeBits(EOB, EOB2); //end0pos = first element in reverse order !=0
- else {
- let lng, startpos, nrzeroes, nrmarker;
- end0pos++;
- for (i = 1; i < end0pos; i++) {
- startpos = i;
- while (this.DU[i] == 0 && i < end0pos) ++i;
- nrzeroes = i - startpos;
- if (nrzeroes > 0x0F) {
- lng = nrzeroes >> 4;
- for (nrmarker = 0; nrmarker < lng; ++nrmarker) this.writeBits(M16zeroes, M16zeroes2);
- nrzeroes = nrzeroes & 0x0F;
- }
- this.writeBits(HTAC[a = (nrzeroes << 4) + this.category[pos = 0x7FFF + this.DU[i]] + 1], HTAC2[a]);
- this.writeBits(this.bitcode[pos], this.category[pos]);
- }
- if (end0pos != 0x40) this.writeBits(EOB, EOB2);
- }
- return DC;
- }
- encode(imageData, quality = 0.92) { // image data object
- this.byteout = []; // Initialize bit writer
- this.bytenew = 0;
- this.bytepos = 7;
- let newSf = Math.floor(quality < 0.5 ? 50 / quality : 200 * (1 - quality));
- if ((typeof this.sf) == 'undefined' || newSf !== this.sf) this.initQuantTables(this.sf = newSf);
- // Add JPEG headers
- this.writeWord(0xFFD8); // SOI
- this.writeAPP0();
- this.writeDQT();
- this.writeSOF0(imageData.width, imageData.height);
- this.writeDHT();
- this.writeSOS();
- let y1, y2, y3, pY3, pY1;
- let x1, x2, x3, pX3, pX1;
- let r, g, b;
- let pos;
- let quadWidth = imageData.width * 4;
- let width32 = imageData.width * 32;
- // Encode 8x8 macroblocks
- let DCY = 0;
- let DCU = 0;
- let DCV = 0;
- for (y1 = 0, pY1 = 0; y1 < imageData.height; y1 += 8, pY1 += width32) {
- for (x1 = 0, pX1 = pY1; x1 < imageData.width; x1 += 8, pX1 += 32) {
- for (y2 = pos = 0, y3 = y1, pY3 = pX1; y2 < 8; y2++, y3++, pY3 += quadWidth) {
- for (x2 = 0, x3 = x1, pX3 = pY3; x2 < 8; x2++, x3++, pos++) {
- if (y3 < imageData.height && x3 < imageData.width) {
- r = imageData.data[pX3++];
- g = imageData.data[pX3++];
- b = imageData.data[pX3++];
- pX3++;
- } else r = g = b = 0; // padding
- this.YDU[pos] = ((this.RGB_YUV_TABLE[r ] + this.RGB_YUV_TABLE[g + 0x0100] + this.RGB_YUV_TABLE[b + 0x0200]) >> 16) - 0x80;
- this.UDU[pos] = ((this.RGB_YUV_TABLE[r + 0x0300] + this.RGB_YUV_TABLE[g + 0x0400] + this.RGB_YUV_TABLE[b + 0x0500]) >> 16) - 0x80;
- this.VDU[pos] = ((this.RGB_YUV_TABLE[r + 0x0500] + this.RGB_YUV_TABLE[g + 0x0600] + this.RGB_YUV_TABLE[b + 0x0700]) >> 16) - 0x80;
- }
- }
- DCY = this.processDU(this.YDU, this.fdtbl_Y , DCY, this.YDC_HT, this.YAC_HT, this.YDC_HT2, this.YAC_HT2);
- DCU = this.processDU(this.UDU, this.fdtbl_UV, DCU, this.UVDC_HT, this.UVAC_HT, this.UVDC_HT2, this.UVAC_HT2);
- DCV = this.processDU(this.VDU, this.fdtbl_UV, DCV, this.UVDC_HT, this.UVAC_HT, this.UVDC_HT2, this.UVAC_HT2);
- }
- }
- ////////////////////////////////////////////////////////////////
- // Do the bit alignment of the EOI marker
- if (this.bytepos >= 0) this.writeBits((1 << (this.bytepos + 1)) - 1, this.bytepos);
- this.writeWord(0xFFD9); //EOI
- let res = 'data:image/jpeg;base64,' + btoa(this.byteout.join(''));
- this.byteout = [];
- return res;
- }
- }
- /*
- let canvas = new Canvas();
- canvas.width = 500;
- canvas.height = 500;
- canvas.getContext('2d').drawImage(document.getElementById('img1'), -20, 20, 600, 500, 20, -10, 300, 400, () => {
- let jpegEncoder = new JpegEncoder();
- let b64 = jpegEncoder.encode(canvas.context.imageData);
- console.log('JpegEncode:', b64);
- console.log('canvas.context.imageData =', canvas.context.imageData);
- document.getElementById('imgBase64').src = b64;
- });
- document.body.appendChild(canvas.domCanvas);
- */