修改图片颜色为黑白 (100% 灰度)

<p>点击按钮修改图片为黑白色(100% 灰色)。</p>

<button onclick="myFunction()">点我</button><br>

<img id="myImg" src="/examples/pineapple.jpg" alt="Pineapple" width="300" height="300">

<p><strong>注意:</strong> Internet Explorer 或 Safari 5.1 (及更早版本) 不支持该属性。</p>

<script>

  function myFunction() {

    document.getElementById("myImg").style.WebkitFilter = "grayscale(100%)"; // Chrome, Safari, 和 Opera

  }

</script>