代码示例:(标识:dhtm_filter_light)
<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="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
<br />
<br />
同一个图像,带有光照效果:<br />
<div id="light_div" style="filter:light(enabled=1);">
<img src="/static/demo/images/eg_landscape.jpg" width="160" height="120" />
</div>
</body>
</html>
运行结果: