javascript实现通过表格绘制颜色填充矩形的方法


Posted in Javascript onApril 21, 2015

本文实例讲述了javascript实现通过表格绘制颜色填充矩形的方法。分享给大家供大家参考。具体如下:

<html>
 <head>
  <title> Javascript画矩形 </title>
 <script type="text/javascript">
  //定义函数,传入设置参数,返回一个有背景颜色的表格
  function drawFilledRect(x,y,w,h,color)
  {
   document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+(w)+" height="+(h)+"></td></tr></table>")
  }
 </script>
 </head>
 <body >
 <script type="text/javascript">
  //调用两次画矩形的函数
  drawFilledRect(20,80,100,100,"red");
  drawFilledRect(20,180,100,100,"lime");
 </script>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
node在两个div之间移动,用ztree实现
Mar 06 Javascript
Jquery取得iframe下内容的方法
Nov 18 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
javascript动态设置样式style实例分析
May 13 Javascript
javascript中的正则表达式使用详解
Aug 30 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
浅谈AngularJS中ng-class的使用方法
Nov 11 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
JavaScript之排序函数_动力节点Java学院整理
Jun 30 Javascript
小试SVG之新手小白入门教程
Jan 08 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jQuery标签编辑插件Tagit使用指南
Apr 21 #Javascript
jQuery背景插件backstretch使用指南
Apr 21 #Javascript
jQuery关键词说明插件cluetip使用指南
Apr 21 #Javascript
纯js实现重发验证码按钮倒数功能
Apr 21 #Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 #Javascript
jQuery验证插件validation使用指南
Apr 21 #Javascript
jQuery拖拽插件gridster使用指南
Apr 21 #Javascript
You might like
解决GD中文乱码问题
2007/02/14 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
php读取本地json文件的实例
2018/03/07 PHP
DOM下的节点属性和操作小结
2009/05/14 Javascript
javascript 写类方式之四
2009/07/05 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
Extjs4.0设置Ext.data.Store传参的请求方式(默认为GET)
2013/04/02 Javascript
javascript 获取图片尺寸及放大图片
2013/09/04 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
2016/07/08 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
[46:20]TFT vs Secret Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python中编写ORM框架的入门指引
2015/04/29 Python
python版简单工厂模式
2017/10/16 Python
对matplotlib改变colorbar位置和方向的方法详解
2018/12/13 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
socket.io 和canvas 实现的共享画板功能
2019/05/22 HTML / CSS
美国知名的旅游网站:OneTravel
2018/10/09 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
毕业生自荐书
2013/12/18 职场文书
三年级数学教学反思
2014/01/31 职场文书
歌颂党的演讲稿
2014/09/10 职场文书
咖啡店创业计划书范文
2014/09/15 职场文书
办公室规章制度范本
2015/08/04 职场文书
旷工检讨书大全
2015/08/15 职场文书
2016年区委书记抓基层党建工作公开承诺书
2016/03/25 职场文书
会计工作自我鉴定范文
2019/06/21 职场文书
如何使用Python实现一个简易的ORM模型
2021/05/12 Python
Python自动化测试PO模型封装过程详解
2021/06/22 Python
python ansible自动化运维工具执行流程
2021/06/24 Python
Python函数中apply、map、applymap的区别
2021/11/27 Python
JS高级程序设计之class继承重点详解
2022/07/07 Javascript