📜  节点 | GM modulate()函数(1)

📅  最后修改于: 2023-12-03 15:41:25.452000             🧑  作者: Mango

节点 | GM modulate()函数

GM modulate()函数是Greasemonkey脚本中的一个API函数,它可以对节点(HTML元素)进行颜色和透明度的调整。本文将对这个函数进行详细介绍。

语法
GM.modulate(node, brightness, contrast, opacity);

其中:

  • node:必选,要调整颜色和透明度的节点对象。
  • brightness:可选,调整亮度的值,取值范围为-1到1,默认值为0。
  • contrast:可选,调整对比度的值,取值范围为-1到1,默认值为0。
  • opacity:可选,调整透明度的值,取值范围为0到1,默认值为1。
返回值

GM.modulate()函数不返回任何值。

示例
// 调整页面上所有的图片的亮度为0.5
Array.from(document.images).forEach(function(img) {
    GM.modulate(img, 0.5);
});

// 调整页面上某一个div的对比度为0.2,透明度为0.8
GM.modulate(document.getElementById("myDiv"), 0, 0.2, 0.8);
注意事项
  • GM.modulate()函数只能在Greasemonkey脚本中使用,如果在其他环境中使用会报错。
  • GM.modulate()函数对节点进行的颜色和透明度的修改是在浏览器渲染阶段完成的,因此会有一些性能开销,在大量使用时需要慎重。