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

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

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

SVG 圖像為什么不能直接復制粘貼：

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

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

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

Microsoft Edge 如何解決問題：

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

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

微軟改進后的剪切板 API 標準相關代碼也被貢獻給 Chromium 項目，這意味著其他基于該項目的瀏覽器，包括 Chrome、Opera、Vivaldi 和 Brave 等瀏覽器也將支持復制和粘貼 SVG 文件。

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

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