2016-04-18 12 views
4

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()

+3

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

+0

@dandavis Es ist eine gute ein. Bitte, fügen Sie es als Antwort hinzu. Ich bin mir sicher, dass es anderen Menschen helfen wird. –

+0

Ja, vielen Dank, mein Problem war jetzt "Blob ist keine Funktion", aber das war, weil mein Chrom Version 49 und nicht 50 war. – Freshchris

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