Question

Pinterest（这里是example），其他一些网站将其图片中的白色替换为灰色。他们对所有图像都执行此操作，而且似乎在客户端。

使用Javascript是否可行，或者他们还有其他方式吗？

Answer 1

这是一个简单又肮脏的示例，可能有助于您入门：

$('#container').on("mouseenter mouseleave", () => {
  $('.overlay').toggle(); 
});

#container {
  display: inline-block;
  position: relative;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: .25;
  display: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id='container'>
  <img src="http://imagizer.imageshack.com/v2/600x742q90/537/xAgiLR.jpg" width="200px" height="247px">
  <div class="overlay" />
</div>

如何使用JavaScript替换图像中的白色？

1 个答案: