用途:silk 提供一个依赖极少的 WebGL GPU 片段着色器背景,定位为营销级首屏(hero)视觉背景,适合在页面主视觉区域渲染独特的光影/材质效果。
主要能力:以 GPU 片段着色器实时渲染背景;无第三方库依赖的 WebGL 实现;可作为静态背景呈现(资料原文提及“Renders a static…”,具体渲染细节暂未提供)。
使用方式:复制 _fx/shaderbg.js 与 silk.js,在内容后方添加容器元素,例如 <div class="silk" style="position:absolute;inset:0"></div>,并将其置于内容之下作为背景层。
适用场景:营销落地页、产品官网等需要高级视觉质感的首屏背景。
限制与注意事项:每个视图只应使用一次;需在文字前设置遮罩层(scrim)以保证文字可读性;其余如浏览器兼容性、性能表现、配置参数、授权与价格等信息暂未提供。