编程 Javascript

js+html5实现canvas绘制简单矩形的方法

Posted in Javascript onJune 05, 2015

本文实例讲述了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程序设计有所帮助。

- Author -

不吃皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript模仿msgbox提示效果代码

Jun 10 Javascript

FireFox JavaScript全局Event对象

Jun 14 Javascript

js如何获取object类型里的键值

Feb 18 Javascript

js中array的sort()方法使用介绍

Feb 20 Javascript

JavaScript 浏览器对象模型BOM使用介绍

Apr 13 Javascript

jQuery实现公告新闻自动滚屏效果实例代码

Jul 14 Javascript

jQuery插件JWPlayer视频播放器用法实例分析

Jan 11 Javascript

JS对象深度克隆实例分析

Mar 16 Javascript

vue的事件绑定与方法详解

Aug 16 Javascript

深入浅析Node环境和浏览器的区别

Aug 14 Javascript

JavaScript对象的特性与实践应用深入详解

Dec 30 Javascript

Javascript数组方法reduce的妙用之处分享

Jun 10 Javascript

js+html5实现canvas绘制镂空字体文本的方法

Jun 05 #Javascript

js+html5通过canvas指定开始和结束点绘制线条的方法

Jun 05 #Javascript

js+HTML5实现canvas多种颜色渐变效果的方法

Jun 05 #Javascript

JavaSacript中charCodeAt()方法的使用详解

Jun 05 #Javascript

JavaScript中length属性的使用方法

Jun 05 #Javascript

jQuery插件bgStretcher.js实现全屏背景特效

Jun 05 #Javascript

js+html5绘制图片到canvas的方法

Jun 05 #Javascript

You might like

SONY ICF-SW07收音机电路分析

2021/03/02 无线电

如何给phpadmin一个保护

2006/10/09 PHP

PHP中数组的分组排序实例

2014/06/01 PHP

php中print(),print_r(),echo()的区别详解

2014/12/01 PHP

JavaScript 的方法重载效果

2009/08/07 Javascript

jquery动画3.创建一个带遮罩效果的图片走廊

2012/08/24 Javascript

JavaScript中window、doucment、body的解释

2013/08/14 Javascript

jQuery实现鼠标经过提示信息的地图热点效果

2015/04/26 Javascript

如何实现JavaScript动态加载CSS和JS文件

2020/12/28 Javascript

Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例

2016/12/08 Javascript

Angular.Js中ng-include指令的使用与实现

2017/05/07 Javascript

React中使用collections时key的重要性详解

2017/08/07 Javascript

修改Nodejs内置的npm默认配置路径方法

2018/05/13 NodeJs

vue响应式系统之observe、watcher、dep的源码解析

2019/04/09 Javascript

在 Vue 中使用 JSX 及使用它的原因浅析

2020/02/10 Javascript

vue 判断两个时间插件结束时间必选大于开始时间的代码

2020/11/04 Javascript

一个检测OpenSSL心脏出血漏洞的Python脚本分享

2014/04/10 Python

python使用正则搜索字符串或文件中的浮点数代码实例

2014/07/11 Python

python Django批量导入数据

2016/03/25 Python

Python3实现对列表按元组指定列进行排序的方法分析

2018/12/22 Python

Python常用模块os.path之文件及路径操作方法

2019/12/03 Python

python 实现单通道转3通道

2019/12/03 Python

Python使用QQ邮箱发送邮件报错smtplib.SMTPAuthenticationError

2019/12/20 Python

keras 两种训练模型方式详解fit和fit_generator(节省内存)

2020/07/03 Python

python与js主要区别点总结

2020/09/13 Python

用HTML5的canvas实现一个炫酷时钟效果

2016/05/20 HTML / CSS

图库照片、免版税图片、矢量艺术、视频片段：Depositphotos

2019/08/02 全球购物

Lookfantastic澳大利亚官网：英国知名美妆购物网站

2021/01/07 全球购物

中专生学习生活的自我评价分享

2013/10/27 职场文书

顶撞老师检讨书

2014/02/07 职场文书

爱心活动计划书

2014/04/26 职场文书

工程学毕业生自荐信

2014/06/14 职场文书

有关朝花夕拾的读书笔记

2015/06/29 职场文书

2016年寒假见闻

2015/10/10 职场文书

Python中字符串对象语法分享

2022/02/24 Python

spring cloud eureka 服务启动失败的原因分析及解决方法

2022/03/17 Java/Android