html绘制矩形,html画一个矩形

　　复制代码代码如下：

　　！DOCTYPE htmlhead

　　meta charset=utf-8

　　titleHTML5画矩形/标题

　　脚本src= a href= http://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .1/jquery。量滴js /script http://Ajax。谷歌API。com/Ajax/libs/jquery/1。7 .1/jquery。量滴js /script/a

　　/头

　　脚本

　　$(文档)。ready(function(){

　　var c=文档。getelementbyid(" draw box ")；

　　var draw=c . get context( 2d )；//获取2d内容的引用，调用绘图应用程序接口

　　画吧。填充样式= # ff 0000//方式一指定填充颜色

　　draw.fillRect(0，0，300，100)；//坐标和长宽

　　draw.fillStyle=rgba(0，0，255，0.5)；//方式二rgb透明度

　　draw.fillRect(400，0，100，100)；//坐标和长宽

　　})

　　/脚本

　　/body

　　画布id=绘制框宽度= 500 高度= 500 /canvas

　　/body

　　/html

　　效果图

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。