如何上傳一個圖像到服務器上的css過濾器

我已經找到了一包css過濾器，您可以在圖片上使用，只需在圖像上指定過濾器的ID即可。現在我想創建一個按鈕，讓我發送編輯圖片（圖片與過濾器）到一個文件，我把圖片我使用統一服務器來運行我的PHP 任何人都可以幫忙嗎？如何上傳一個圖像到服務器上的css過濾器

來源

2016-04-25 Yassine Laadraoui

我不知道這是否可行，但您可以嘗試將過濾後的圖像繪製到畫布上，然後將畫布保存爲圖像。 – Musa

@Musa你知道我能做到嗎？ –

[畫圖像到畫布]（https://developer.mozilla.org/en/docs/Web/API/CanvasRenderingContext2D/drawImage），[從畫布導出圖像]（http://stackoverflow.com/questions/923885/ capture-html-canvas-as-gif-jpg-png-pdf） – Musa

CSS濾鏡不會隨畫布一起導出。

本地畫布有一些compositing & blending filters。

但是，除此之外，您必須將過濾器應用於畫布本身。這是通過：

與context.getImageData抓取圖像的像素數據，
根據您的濾波算法操縱像素數據，
與context.putImageData畫布上的更換修改後的像素背。

您可以使用谷歌搜索「html5 canvas filters」探索許多過濾算法。

來源

2016-04-25 19:39:26 markE

只需提一下，畫布現在（或至少很快就會有）CSS過濾器併入context.filter（目前在鉻和FF的旗幟下）。 – Kaiido

@Kaiido。良好的信息...很酷，聽到即將到來的過濾器！ – markE

如何將濾鏡應用於繪製到畫布上的圖像？ – Musa

如何上傳一個圖像到服務器上的css過濾器

回答

相關問題