將圖像轉換爲HTML/CSS中的灰度圖並保存新圖像

有沒有辦法，我可以通過在（html和css）中添加過濾器將圖像轉換爲灰度或其他類型，然後將新圖像保存回服務器。將圖像轉換爲HTML/CSS中的灰度圖並保存新圖像

這是我有什麼，我希望能夠保持灰度頁面固定，並將其保存爲新照片我也有SVG文件

<title>canvas image manipulation</title> 
<style> 
    img { 
filter: none; 
     -webkit-filter: grayscale(0); 

    } 

    img:hover { 
     filter: url(filters.svg#grayscale); /* Firefox */ 
     filter: gray; /* IE */ 
     -webkit-filter: grayscale(1); /* Webkit */ 
    } 
</style> 
</head> 
<body> 

<img src="profile.jpg"> 
<input type="button" class="img:hover" value="button">

來源

2012-07-12 benji_r

是的。你有什麼嘗試？ – Amaerth 2012-07-12 21:06:57

我會做一個PHP腳本來添加過濾器並返回新圖像，然後我會通過JavaScript'XMLHttpRequest'執行腳本。 – 2012-07-12 22:22:52

我剛用我的文件更新了我的問題 – 2012-07-12 22:46:41

這鏈接可能會幫助你：http://www.html5rocks.com/en/tutorials/canvas/imagefilters/

至於重新保存在服務器上，我不認爲你需要這樣做，因爲我隨着HTML過濾圖像。

來源

2012-07-12 21:09:03 jzacharia

我需要讓用戶應用過濾器，然後保存新的圖像 – 2012-07-12 21:14:31

啊好吧，我有一個感覺你會說這個哈哈。這個鏈接也許可以幫助你，那裏有很多關於canvas功能的教程。 https://developer.mozilla.org/en/Canvas_tutorial – jzacharia 2012-07-12 21:18:24

非常感謝，我已經讀過，看看我是否可以採取任何提示...希望我可以在這裏得到更多的提示 – 2012-07-12 22:44:46

將圖像轉換爲HTML/CSS中的灰度圖並保存新圖像

回答

相關問題