修改图片颜色为黑白 (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>
        