Se agregó compatibilidad con Canvas toBlob() en Chrome 50
bookmark_borderbookmark
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El elemento canvas se actualizará a partir de Chrome 50: ahora admite el método toBlob()
. Esta es una gran noticia para cualquier persona que genere imágenes del cliente y quiera, por ejemplo, subirlas a su servidor o almacenarlas en IndexedDB para usarlas en el 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);
}
Usar toBlob()
es excelente, ya que, en lugar de manipular una cadena codificada en base64 que obtienes de toDataURL()
, ahora puedes trabajar directamente con los datos binarios codificados. Es más pequeño y suele adaptarse a más casos de uso que un URI de datos.
Si te preguntas si puedes dibujar blobs de imagen en otro contexto de lienzo, la respuesta es sí, por supuesto, en Firefox y Chrome. Puedes hacerlo con la API de createImageBitmap()
, que también se lanzará en Chrome 50.
Salvo que se indique lo contrario, el contenido de esta página está sujeto a la licencia Atribución 4.0 de Creative Commons, y los ejemplos de código están sujetos a la licencia Apache 2.0. Para obtener más información, consulta las políticas del sitio de Google Developers. Java es una marca registrada de Oracle o sus afiliados.
Última actualización: 2016-03-14 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2016-03-14 (UTC)"],[],[]]