将图像转换为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中的灰度图并保存新图像

回答

相关问题