javascript实现通过表格绘制颜色填充矩形的方法
本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下:
<html> <head> <title>Javascript画矩形</title> <scripttype="text/javascript"> //定义函数,传入设置参数,返回一个有背景颜色的表格 functiondrawFilledRect(x,y,w,h,color) { document.write("<tableborder='0'cellspacing=0cellpadding=0><tr><tdstyle='position:absolute;left:"+(x)+";top:"+(y)+";background-color:"+color+"'width="+(w)+"height="+(h)+"></td></tr></table>") } </script> </head> <body> <scripttype="text/javascript"> //调用两次画矩形的函数 drawFilledRect(20,80,100,100,"red"); drawFilledRect(20,180,100,100,"lime"); </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。