Ist es möglich, das (bearbeitete) Bild eines Leinwandelements in HTML
herunterzuladen, ohne die .toDataUrl()
Funktion zu verwenden? Ich habe einige Frameworks getestet, aber sie verwenden diese Funktion immer noch.Download Canvas als Bild ohne .toDataUrl()
4
A
Antwort
4
In neueren Browsern können Sie viel größere Bilder erhalten und schnellere Leistung mit der Asynchron-Methode canvas.toBlob(callback, mimeType, qualityArgument);
sehen die mdc article für Details und compat (im Grunde IE10 +)
der Blob haben nicht die gleiche Größe Einschränkungen, denen sich dataURL in vielen Browsern und Geräten realistisch gegenüber sieht. Wo dies unterstützt wird, führt dies zu einer wesentlich besseren Benutzererfahrung.
, wenn Sie später den Blob in eine DataURL drehen möchten, verwenden Sie FileReader.readAsDataURL(blob)
Verwandte Themen
- 1. HTML5 Canvas toDataURL gibt
- 2. Canvas toDataURL in IE11 Sicherheitsfehler
- 3. Download Canvas als PNG in fabric.js geben Netzwerk Fehler
- 4. Canvas toDataURL() liefert ein leeres Bild nur in Firefox
- 5. Get Canvas toDataUrl() nach der Verarbeitung Javascript
- 6. Speichern Canvas & Legend als Bild
- 7. toDataURL() geben leeres Bild von iOS-Geräten
- 8. Three.js toDataURL blank
- 9. .toDataURL() speichert transparentes Bild anstelle des tatsächlichen Bildes
- 10. Leere Seite wird heruntergeladen (toDataURL())
- 11. Ist Canvas schneller als ein normales Bild?
- 12. HTML5 Canvas Speichern von Zeichnung als Bild
- 13. Warum funktioniert das Bild als Download?
- 14. Rails erhalten Bild von Download-Link ohne Bild speichern
- 15. HTMLCanvasElement hat keine Methode 'toDataUrl'
- 16. Laden Sie ein Html5-Canvas-Element als Bild mit der Dateierweiterung mit Javascript
- 17. canvas2d toDataURL() verschiedene Ausgabe auf anderen Browser
- 18. Wie kann ich Canvas als Bild im Firebase-Speicher speichern?
- 19. SECURITY_ERR: DOM Exception 18 beim Aufrufen der toDataURL-Methode des Canvas
- 20. Selen Download verschiedene Captcha Bild als die in Browser
- 21. jsdom + Leinwand auf node.js: toDataURL() Fehler
- 22. Warum ToDataURL ist so langsam?
- 23. Gibt es ein Äquivalent der toDataURL-Methode von Canvas für SVG?
- 24. Speichern Sie eine <canvas> als eine Datei in einem Formular
- 25. Speichern eines WPF-Canvas als Bild nach MVVM-Pattern
- 26. html canvas schwarzen hintergrund zu weißem hintergrund bei der erstellung jpg bild von png bild
- 27. "DOM Exception 18" von Canvas
- 28. Bild zu Canvas/HTML5 Konvertierung
- 29. Hintergrund Bild nicht in Canvas
- 30. Wie zu toDataUrl Funktion in fabric.js bearbeiten?
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob – dandavis
@dandavis Es ist eine gute ein. Bitte, fügen Sie es als Antwort hinzu. Ich bin mir sicher, dass es anderen Menschen helfen wird. –
Ja, vielen Dank, mein Problem war jetzt "Blob ist keine Funktion", aber das war, weil mein Chrom Version 49 und nicht 50 war. – Freshchris