在HTML / CSS中將圖像轉換為灰度並保存新圖像
[英]Convert an image to grayscale in HTML/CSS and save the new image
問題描述
無論如何，我可以通過在（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">
1 個解決方案
解決方案1
3 2012-07-12 21:09:03
此鏈接可能對您有所幫助： http ： //www.html5rocks.com/en/tutorials/canvas/imagefilters/
至於在服務器上重新保存它，只要HTML過濾圖像，我認為你不需要這樣做。
如何將 HTML CSS 圖像滑塊轉換為 Angular 圖像滑塊？
[英]How to convert a HTML CSS image slider into Angular image slider?
將html轉換成image並保存？（使用html2canvas.js）
[英]Convert the html into image , and save it ?(use html2canvas.js)
你如何將html div轉換為圖像，然后另存為gif或png？
[英]How do you convert an html div to image and then save as gif or png?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.