Microsoft Edge開發(fā)SVG矢量格式的復(fù)制粘貼 解決Chromium瀏覽器的一大難題

雖然 Microsoft Edge 因為某些問題經(jīng)常被吐槽，但該瀏覽器開發(fā)團(tuán)隊在新功能開發(fā)上那確實沒得說，新功能更迭速度要遠(yuǎn)快于 Chrome 和 Firefox。

微軟最新解決的一個問題是 SVG 矢量格式的復(fù)制和粘貼問題，這個問題屬于瀏覽器領(lǐng)域的老大難問題，現(xiàn)在微軟已經(jīng)開發(fā)新的 API 接口支持直接在網(wǎng)頁上復(fù)制和粘貼 SVG，甚至還可以跨應(yīng)用將其粘貼到其他地方例如 Word 中。

SVG 圖像為什么不能直接復(fù)制粘貼：

這是一種非常典型的矢量圖像格式，即無論放大多少倍圖像清晰度都不會下降，因此有不少網(wǎng)站會使用 SVG 格式來制作 LOGO 或 ICON 圖標(biāo)。

由于這并不是傳統(tǒng)的圖像格式，因此用戶無法直接右鍵點(diǎn)擊圖像進(jìn)行復(fù)制，而要將其轉(zhuǎn)換為傳統(tǒng)圖像格式，需要先將 SVG 文件下載到本地，再通過某些轉(zhuǎn)換工具操作。

這個過程不僅會困惑某些非專業(yè)用戶，還會浪費(fèi)用戶時間，例如有不少用戶遇到這種情況都會選擇直接對目標(biāo) SVG 圖像進(jìn)行截圖，截圖之后是傳統(tǒng)的圖像。

Microsoft Edge 如何解決問題：

W3C 有個專門處理剪切板的標(biāo)準(zhǔn)名為 Clipboard API，該標(biāo)準(zhǔn)也被稱為 Async Clipboard API，微軟基于這個 API 進(jìn)行了改進(jìn)并將其集成到 Microsoft Edge 瀏覽器中。

集成之后用戶可以直接在 Microsoft Edge 瀏覽器上復(fù)制和粘貼 SVG 圖像，也可以將其跨應(yīng)用粘貼到其他地方，而且粘貼之后仍然保持是 SVG 格式，而不是被自動轉(zhuǎn)換為傳統(tǒng)圖像格式。

微軟改進(jìn)后的剪切板 API 標(biāo)準(zhǔn)相關(guān)代碼也被貢獻(xiàn)給 Chromium 項目，這意味著其他基于該項目的瀏覽器，包括 Chrome、Opera、Vivaldi 和 Brave 等瀏覽器也將支持復(fù)制和粘貼 SVG 文件。

Microsoft Edge 124 版開始就已經(jīng)添加 SVG 復(fù)制粘貼的支持，但這可能還需要開發(fā)者也提供支持，需要基于 API 在提供 SVG 的地方提供專門的復(fù)制按鈕，右鍵直接點(diǎn)擊圖像還是沒法復(fù)制的。

微軟提供的演示頁面：https://microsoftedge.github.io/Demos/svg-clipboard/