节点 | GM emboss()函数

简介

GM emboss()函数是Tampermonkey脚本中的一个函数，用于制作立体效果的浮雕。

使用方法

在Tampermonkey脚本中，可以使用以下代码来制作浮雕效果：

GM.emboss(node, depth);

其中，node为要做浮雕的节点，depth为浮雕的深度。

参数说明

node

要做浮雕的节点，可以是以下类型之一：

• Element对象
• NodeList对象
• CSS选择器字符串

当node为Element对象或NodeList对象时，直接将这些节点做浮雕效果；当node为CSS选择器字符串时，使用document.querySelectorAll()方法获取所有符合选择器的节点，并将这些节点做浮雕效果。

depth

浮雕的深度，为一个介于0和1之间的数字，表示浮雕的程度。当深度为0时，没有任何浮雕效果；当深度为1时，浮雕效果最明显。

示例代码

// 对所有a标签做深度为0.5的浮雕
GM.emboss('a', 0.5);

// 对id为content的节点做深度为0.8的浮雕
GM.emboss(document.getElementById('content'), 0.8);

// 对class为box的节点列表做深度为0.3的浮雕
GM.emboss(document.querySelectorAll('.box'), 0.3);

注意事项

• GM emboss()函数只在Tampermonkey脚本中可用，其他地方不能使用。
• 节点必须是可见的，否则浮雕会没有任何效果。
• 参数depth的取值范围为0到1之间，如果超出这个范围会抛出异常。
• 如果node为复杂的节点结构，其子节点可能不会受到浮雕效果的影响。如果需要对子节点也做浮雕，需要递归调用emboss()函数。