HTML5模拟手电筒照明效果

yzch6671

1年前发布

041670

HTML5模拟手电筒照明效果

一款挺逼真的HTML5模拟手电筒照明效果，HTML5 SVG实现手电筒照射地面光亮特效，光亮跟随鼠标指针移动。

js代码

<script>
const svgNode = document.querySelector(\'svg\');
const fePointLightNode = svgNode.querySelector(\'fePointLight\');
svgNode.addEventListener(\'mousemove\', handleMove);
svgNode.addEventListener(\'touchmove\', handleMove);
function handleMove(event) {
  fePointLightNode.setAttribute(\'x\', event.clientX);
  fePointLightNode.setAttribute(\'y\', event.clientY);
}
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END