Question

无论如何，我可以通过在（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">

Answer 1

此链接可能会对您有所帮助：http://www.html5rocks.com/en/tutorials/canvas/imagefilters/

至于在服务器上重新保存它，只要HTML过滤图像，我认为你不需要这样做。

在HTML / CSS中将图像转换为灰度并保存新图像

1 个答案: