2016-04-18 83 views
4

是否可以下載一個Canvas元素的(編輯)形象HTML不使用.toDataUrl()功能?我測試了一些框架,但他們仍然使用這個功能。下載畫布圖像無.toDataUrl()

+3

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

+0

@dandavis這是一個很好一。請添加它作爲答案。我相信這會對其他人有所幫助。 –

+0

是的,非常感謝,我現在的問題是「blob不是函數」,但那是因爲我的chrome是版本49而不是50。 – Freshchris

回答

4

在新的瀏覽器,你可以得到更大的圖像和更快的性能與異步方法canvas.toBlob(callback, mimeType, qualityArgument);

看到mdc article的細節和COMPAT(基本上IE10 +)

團塊不具有相同的大小限制了dataURL在許多瀏覽器和設備中的實際情況,所以在支持的情況下,它會帶來更好的用戶體驗。

如果你以後想轉團塊成dataURL,使用FileReader.readAsDataURL(blob)