2016-04-18 3 views
4

Можно ли скачать (отредактированный) образ Элемент холста в HTML без использования функции .toDataUrl()? Я тестировал некоторые фреймворки, но они все еще используют эту функцию.Скачать Canvas as Image без .toDataUrl()

+3

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob – dandavis

+0

@dandavis Это хороший один. Пожалуйста, добавьте его в качестве ответа. Я уверен, что это поможет другим людям. –

+0

Да, спасибо большое, моя проблема теперь была «blob - это не функция», но это было потому, что мой хром был версии 49, а не 50. – Freshchris

ответ

4

В более поздних версиях браузеров, вы можете получить гораздо большие изображения и повысить скорость работы с методом асинхронной canvas.toBlob(callback, mimeType, qualityArgument);

см mdc article подробности и Compat (в основном IE10 +)

блоб не имеют одинаковый размер ограничивает, что dataURL реалистично сталкивается во многих браузерах и устройствах, поэтому, когда они поддерживаются, это приводит к значительно лучшему пользовательскому опыту.

если позже вы хотите превратить каплю в dataURL, используйте FileReader.readAsDataURL(blob)

Смежные вопросы