js+html5实现canvas绘制简单矩形的方法
2015-06-05 00:00
1166 查看
本文实例讲述了js+html5实现canvas绘制简单矩形的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"> Your browser does not support the HTML5 canvas tag. </canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="#FF0000"; ctx.fillRect(0,0,150,75); </script> </body> </html>
希望本文所述对大家的web程序设计有所帮助。
相关文章推荐
- js+html5实现canvas绘制圆形图案的方法
- js实现点击链接后延迟3秒再跳转的方法
- JSP-Controller
- js--OOP浅谈
- ExtJS 4.2 03 Javascript 中的类
- JSON and Microsoft Technologies(翻译)
- 数据类型回顾——NaN和isNaN—JS学习笔记2015-6-4(第48天)
- [转载]js删除几种方式
- 不同JS环境use strict对重复属性处理的差异
- js跳转页面,谷歌和IE跳转页面不一样!
- JSON解析工具-org.json
- JavaScript概述
- 浅入浅出JS中的eval及json
- 深入浅出JSON
- JavaScript学习笔记(二)
- js中date与String转换
- JSTL 核心标签库 使用
- JavaScript读书笔记(3)-操作符、语句和函数
- JavaScript词法作用域(你不知道的JavaScript)
- JavaScript词法作用域(你不知道的JavaScript)