首頁(yè) 猿問(wèn) 數(shù)據(jù) URL 可靠地支持哪些圖像格式？

數(shù)據(jù) URL 可靠地支持哪些圖像格式？

JavaScript

蝴蝶不菲 2023-09-07 17:12:35

image/xHTML 支持哪些標(biāo)準(zhǔn)數(shù)據(jù) URL？在我嘗試過(guò)的事情中，我已經(jīng)取得了成功：image/pngimage/jpeg還有嗎？我專門尋找大多數(shù)瀏覽器中HTMLCanvasElement'stoDataURL方法支持的方法（以下大多數(shù)瀏覽器支持的方法是理想的：Chrome、Edge、Firefox、Safari）。

查看完整描述

1 回答

MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

toDataURL根據(jù)HTML Living 標(biāo)準(zhǔn)，唯一必須支持的圖像格式是image/png.?如果請(qǐng)求不支持的文件格式，則data:image/png默認(rèn)情況下會(huì)返回 URL。

MDN 的HTMLCanvasElement.toDataURL()文檔包括

image/jpeg和
image/webp

在參數(shù)的語(yǔ)法描述encoderOptions中。它還包括 Chrome 支持的信息webp，但未提及其他瀏覽器。

據(jù)我了解，您可以依賴image/png支持，并且通常假設(shè)image/jpeg當(dāng)前瀏覽器中存在支持。雖然當(dāng)然可以從包含 SVG 源代碼的字符串創(chuàng)建數(shù)據(jù) URL，但將畫布位圖序列化為image/svg+xml數(shù)據(jù) URL 需要畫布對(duì)象記住它所保存的圖像數(shù)據(jù)是如何繪制的（但它們并不這樣做）。

回答這個(gè)問(wèn)題時(shí)，data/png需要支持，data/jpeg支持無(wú)處不在，而data/webp支持最好被視為是不完整的。

反對(duì) 回復(fù) 2023-09-07