MediaWiki:CardToImage.js - Histórico de revisão

Jaider.ferreira em 15h22min de 17 de março de 2024

2024-03-17T15:22:36Z

← Edição anterior		Edição das 12h22min de 17 de março de 2024
Linha 1:		Linha 1:
	/* jshint esversion: 8 */		/* jshint esversion: 10 */
	/**		/**
	* Convert a base64 string in a Blob according to the data and contentType.		* Convert a base64 string in a Blob according to the data and contentType.
Linha 10:		Linha 10:
	*/		*/
	function cardToImage() {		function cardToImage() {
		⚫	function b64toBlob(b64Data, contentType = '', sliceSize = 512) {
	"use strict";
			const byteCharacters = atob(b64Data);
⚫	function b64toBlob(b64Data, contentType, sliceSize) {
		⚫	const byteArrays = [];
	contentType = contentType \|\| "";
	sliceSize = sliceSize \|\| 512;

	~~let~~ byteCharacters = ~~atob(b64Data~~);		for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
			const slice = byteCharacters.slice(offset, offset + sliceSize);
⚫	~~let~~ byteArrays = [];

	~~for (let offset~~ = 0; ~~offset < byteCharacters~~.length; ~~offset += sliceSize) {~~		const byteNumbers = new Array(slice.length);
	~~let~~ slice ~~= byteCharacters~~.~~slice(offset, offset~~ + ~~sliceSize);~~		for (let i = 0; i < slice.length; i++) {
		⚫	byteNumbers[i] = slice.charCodeAt(i);
		⚫	}

	~~let byteNumbers~~ = new ~~Array~~(~~slice.length~~);		const byteArray = new Uint8Array(byteNumbers);
	for (let i = 0; i < slice.length; i++) {
⚫	byteNumbers[i] = slice.charCodeAt(i);
⚫	}

		⚫	byteArrays.push(byteArray);
	let byteArray = new Uint8Array(byteNumbers);
			}

		⚫	const blob = new Blob(byteArrays, { type: contentType });
⚫	byteArrays.push(byteArray);
	}		return blob;
			}

		⚫	// Generate screenshot and download
⚫	~~let~~ blob = new Blob(byteArrays, {type: contentType});
		⚫	const opt = {
	return blob;
	}

⚫	// Generate screenshot and download
⚫	~~let~~ opt = {
	scrollX: -window.scrollX,		scrollX: -window.scrollX,
	scrollY: -window.scrollY,		scrollY: -window.scrollY,
	};		};
	~~let~~ element = document.getElementById("cardCatalog");		const element = document.getElementById('cardCatalog');
	html2canvas(element, opt).then(function(canvas) {		html2canvas(element, opt).then(function (canvas) {
	// Generate the base64 representation of the canvas		// Generate the base64 representation of the canvas
	~~let~~ base64image = canvas.toDataURL("image/png");		const base64image = canvas.toDataURL('image/png');

	// Split the base64 string in data and contentType		// Split the base64 string in data and contentType
	~~let~~ block = base64image.split(";");		const block = base64image.split(';');
	// Get the content type		// Get the content type
	~~let~~ mimeType = block[0].split(":")[1];// In this case "image/png"		const mimeType = block[0].split(':')[1]; // In this case "image/png"
	// get the real base64 content of the file		// get the real base64 content of the file
	~~let~~ realData = block[1].split(",")[1];// For example: iVBORw0KGgouqw23....		const realData = block[1].split(',')[1]; // For example: iVBORw0KGgouqw23....

	// Convert b64 to blob and store it into a variable (with real base64 as value)		// Convert b64 to blob and store it into a variable (with real base64 as value)
	~~let~~ canvasBlob = b64toBlob(realData, mimeType);		const canvasBlob = b64toBlob(realData, mimeType);

	// Generate file download		// Generate file download
	window.saveAs(canvasBlob, "Ficha.png");		window.saveAs(canvasBlob, 'Ficha.png');
	});		});

	}		}

Jaider.ferreira em 16h01min de 15 de março de 2024

2024-03-15T16:01:54Z

← Edição anterior		Edição das 13h01min de 15 de março de 2024
Linha 1:		Linha 1:
			/* jshint esversion: 8 */
	/**		/**
	* Convert a base64 string in a Blob according to the data and contentType.		* Convert a base64 string in a Blob according to the data and contentType.
Linha 5:		Linha 6:
	* @param contentType {String} the content type of the file i.e (image/jpeg - image/png - text/plain)		* @param contentType {String} the content type of the file i.e (image/jpeg - image/png - text/plain)
	* @param sliceSize {Int} SliceSize to process the byteCharacters		* @param sliceSize {Int} SliceSize to process the byteCharacters
	* @see ~~http~~://stackoverflow.com/questions/16245767~~/creating-a-blob-from-a-base64-string-in-javascript~~		* @see https://stackoverflow.com/questions/16245767
	* @return Blob		* @return Blob
	*/		*/

Jaider.ferreira: uma edição

2020-10-26T18:19:39Z

uma edição

← Edição anterior	Edição das 15h19min de 26 de outubro de 2020
(Sem diferença)

Jaider.ferreira: jslint, eslint e jshint

2020-04-26T15:05:17Z

jslint, eslint e jshint

Página nova

/**
* Convert a base64 string in a Blob according to the data and contentType.
*
* @param b64Data {String} Pure base64 string without contentType
* @param contentType {String} the content type of the file i.e (image/jpeg - image/png - text/plain)
* @param sliceSize {Int} SliceSize to process the byteCharacters
* @see http://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript
* @return Blob
*/
function cardToImage() {
"use strict";
function b64toBlob(b64Data, contentType, sliceSize) {
contentType = contentType || "";
sliceSize = sliceSize || 512;

let byteCharacters = atob(b64Data);
let byteArrays = [];

for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
let slice = byteCharacters.slice(offset, offset + sliceSize);

let byteNumbers = new Array(slice.length);
for (let i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}

let byteArray = new Uint8Array(byteNumbers);

byteArrays.push(byteArray);
}

let blob = new Blob(byteArrays, {type: contentType});
return blob;
}

// Generate screenshot and download
let opt = {
scrollX: -window.scrollX,
scrollY: -window.scrollY,
};
let element = document.getElementById("cardCatalog");
html2canvas(element, opt).then(function(canvas) {
// Generate the base64 representation of the canvas
let base64image = canvas.toDataURL("image/png");

// Split the base64 string in data and contentType
let block = base64image.split(";");
// Get the content type
let mimeType = block[0].split(":")[1];// In this case "image/png"
// get the real base64 content of the file
let realData = block[1].split(",")[1];// For example: iVBORw0KGgouqw23....

// Convert b64 to blob and store it into a variable (with real base64 as value)
let canvasBlob = b64toBlob(realData, mimeType);

// Generate file download
window.saveAs(canvasBlob, "Ficha.png");
});

}