bv7_jpeg_encoder_b

array -> jpeg

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.gf.qytechs.cn/scripts/39428/258126/bv7_jpeg_encoder_b.js

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==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://greasyfork.org/scripts/38665-bv7-jpeg2array-b/code/bv7_jpeg2array_b.user.js
// require      https://greasyfork.org/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);
*/