Supporto di Canvas toBlob() aggiunto in Chrome 50
bookmark_borderbookmark
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
L'elemento canvas sta ricevendo un upgrade a partire da Chrome 50: ora supporta il metodo toBlob()
. Questa è un'ottima notizia per chiunque generi immagini lato client e voglia, ad esempio, caricarle sul proprio server o archiviarle in IndexedDB per un uso futuro.
function sendImageToServer (canvas, url) {
function onBlob (blob) {
var request = new XMLHttpRequest();
request.open('POST', url);
request.onload = function (evt) {
// Blob sent to server.
}
request.send(blob);
}
canvas.toBlob(onBlob);
}
L'utilizzo di toBlob()
è fantastico, perché invece di manipolare una stringa codificata in base64 ottenuta da toDataURL()
, ora puoi lavorare direttamente con i dati binari codificati. È più piccolo e tende a adattarsi a più casi d'uso rispetto a un URI dati.
Se ti stai chiedendo se puoi disegnare blob di immagini in un altro contesto della tela, la risposta è sì, assolutamente, in Firefox e Chrome. Puoi farlo con l'API createImageBitmap()
, che sarà disponibile anche in Chrome 50.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2016-03-14 UTC.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2016-03-14 UTC."],[],[]]