将图像转换为HTML/CSS中的灰度并保存新图像
无论如何，我可以通过添加过滤器（html和css）将图像转换为灰度或其他类型，然后将新图像保存回服务器 这就是我所拥有的，我希望能够保持灰度页面静止，并将其保存为新照片 我还有svg文件将图像转换为HTML/CSS中的灰度并保存新图像,html,css,image,Html,Css,Image,无论如何，我可以通过添加过滤器（html和css）将图像转换为灰度或其他类型，然后将新图像保存回服务器 这就是我所拥有的，我希望能够保持灰度页面静止，并将其保存为新照片 我还有svg文件 画布图像处理 img{ 过滤器：无； -webkit过滤器：灰度（0）； } img：悬停{ 过滤器：url（filters.svg#grayscale）；/*Firefox*/ 过滤器：灰色；/*IE*/ -webkit过滤器：灰度（1）；/*webkit*/ } 此链接可能会帮助您： 至于在服务器上重新
画布图像处理
img{
过滤器：无；
-webkit过滤器：灰度（0）；
}
img：悬停{
过滤器：url（filters.svg#grayscale）；/*Firefox*/
过滤器：灰色；/*IE*/
-webkit过滤器：灰度（1）；/*webkit*/
}
至于在服务器上重新保存，我认为只要HTML过滤图像，你就不需要这样做。我需要让用户应用过滤器，然后保存新图像啊好吧，我觉得你会说哈哈。这个链接也可能对您有所帮助，这里有很多关于canvas函数的教程。非常感谢，我会读到的，看看我是否能接受任何暗示。。。希望我能在这里得到更多提示，我会制作一个PHP脚本来添加过滤器并返回新图像，然后我会通过JavaScript
XMLHttpRequest<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">