W3School TIY
（请在下面的文本框中编辑您的代码，然后单击此按钮测试结果。）
编辑您的代码：
<html> <head> <script type="text/javascript"> function setlight() { document.getElementById('light_div').filters[0].addcone(0,0,0,60,60,115,132,214,100,100); } </script> <style> div { width:100px; } </style> </head> <body onload="setlight()"> 图像："landscape.jpg" 没有光照效果：<br /> <img src="http://api.chiefleo.com/w3school/i/eg_landscape.jpg" width="160" height="120" /> <br /> <br /> 同一个图像，带有光照效果：<br /> <div id="light_div" style="filter:light(enabled=1);"> <img src="http://api.chiefleo.com/w3school/i/eg_landscape.jpg" width="160" height="120" /> </div> </body> </html>
查看结果: