Можно ли скачать (отредактированный) образ Элемент холста в HTML
без использования функции .toDataUrl()
? Я тестировал некоторые фреймворки, но они все еще используют эту функцию.Скачать Canvas as Image без .toDataUrl()
4
A
ответ
4
В более поздних версиях браузеров, вы можете получить гораздо большие изображения и повысить скорость работы с методом асинхронной canvas.toBlob(callback, mimeType, qualityArgument);
см mdc article подробности и Compat (в основном IE10 +)
блоб не имеют одинаковый размер ограничивает, что dataURL реалистично сталкивается во многих браузерах и устройствах, поэтому, когда они поддерживаются, это приводит к значительно лучшему пользовательскому опыту.
если позже вы хотите превратить каплю в dataURL, используйте FileReader.readAsDataURL(blob)
Смежные вопросы
- 1. Скачать Div & Canvas As One Image
- 2. Canvas toDataURL без альфа-канала
- 3. Save Canvas & Legend as image
- 4. iOS HTML5 Canvas toDataURL
- 5. HTML5 Canvas нет методы «toDataURL»
- 6. canvas toDataUrl to facebook
- 7. Рисунок CANVAS и toDataURL()
- 8. HTML5 Canvas toDataURL возвращает пусто
- 9. toDataURL canvas drawImage
- 10. canvas toDataURL() - операция небезопасна
- 11. Как получить данные изображения base64 без вызова canvas toDataURL?
- 12. HTML5 Canvas toDataURL() блокирует вызов JavaScript?
- 13. trjs canvas todataurl is blank
- 14. Convert all canvas with toDataURL()
- 15. Canvas toDataURL() дает пустое изображение
- 16. Three.js и HTML5 Canvas toDataURL
- 17. canvas toDataURL() возвращает прозрачное изображение
- 18. toDataURL («image/png») на Facebook Загрузить
- 19. Как получить canvas `toDataURL()` в java сервлет?
- 20. Сохранение mathml для html5 canvas as png
- 21. canvas.drawImage .toDataURL
- 22. Есть ли эквивалент метода canvas toDataURL для SVG?
- 23. html5 canvas image resize
- 24. Угловая динамическая маршрутизация вызывает Canvas «Не удалось выполнить ошибку« toDataURL »
- 25. Javascript CORS image/canvas manipulation
- 26. Set Canvas as background
- 27. WebBrowser as Canvas Background
- 28. Canvas as ListBox ItemTemplate
- 29. Каковы возможные типы данных для функции canvas toDataURL()?
- 30. HTML Canvas image
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob – dandavis
@dandavis Это хороший один. Пожалуйста, добавьте его в качестве ответа. Я уверен, что это поможет другим людям. –
Да, спасибо большое, моя проблема теперь была «blob - это не функция», но это было потому, что мой хром был версии 49, а не 50. – Freshchris