编程 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 相关文章推荐

[IE&FireFox兼容]JS对select操作

Jan 07 Javascript

FireFox JavaScript全局Event对象

Jun 14 Javascript

Jquery css函数用法(判断标签是否拥有某属性)

May 28 Javascript

js写的评论分页(还不错)

Dec 23 Javascript

浅谈jquery设置和获得checkbox选中的问题

Aug 19 Javascript

JS中Select下拉列表类(支持输入模糊查询)功能

Jan 17 Javascript

mpvue构建小程序的方法(步骤+地址)

May 22 Javascript

详解angularjs跨页面传参遇到的一些问题

Nov 01 Javascript

JavaScript创建防篡改对象的方法分析

Dec 30 Javascript

vue多次循环操作示例

Feb 08 Javascript

基于layPage插件实现两种分页方式浅析

Jul 27 Javascript

绘制微信小程序验证码功能的实例代码

Jan 05 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

PHP改进计算字符串相似度的函数similar_text()、levenshtein()

2014/10/27 PHP

PHP时间日期增减操作示例【date strtotime实现加一天、加一月等操作】

2018/12/21 PHP

实例分析10个PHP常见安全问题

2019/07/09 PHP

在 Laravel 中动态隐藏 API 字段的方法

2019/10/25 PHP

强悍无比的WEB开发好助手FireBug(Firefox Plugin)

2007/01/16 Javascript

Javascript之文件操作

2007/03/07 Javascript

Jquery下的26个实用小技巧(jQuery tips, tricks & solutions)

2010/03/01 Javascript

jQuery.buildFragment使用方法及思路分析

2013/01/07 Javascript

jquery 合并内容相同的单元格(示例代码)

2013/12/13 Javascript

使用upstart把nodejs应用封装为系统服务实例

2014/06/01 NodeJs

原生js实现日期联动

2015/01/12 Javascript

javascript实现很浪漫的气泡冒出特效

2020/09/05 Javascript

jQuery代码实现实时获取时间

2017/01/29 Javascript

canvas绘制七巧板

2017/02/03 Javascript

jquery实现折叠菜单效果【推荐】

2017/03/08 Javascript

Vuex之理解state的用法实例

2017/04/19 Javascript

iview实现select tree树形下拉框的示例代码

2018/12/21 Javascript

详解微信小程序的不同函数调用的几种方法

2019/05/08 Javascript

vue实现绑定事件的方法实例代码详解

2019/06/20 Javascript

[02:56]DOTA2英雄基础教程巨魔战将

2013/12/10 DOTA

Python抓取Discuz!用户名脚本代码

2013/12/30 Python

python实现博客文章爬虫示例

2014/02/26 Python

详尽讲述用Python的Django框架测试驱动开发的教程

2015/04/22 Python

编写Python脚本来实现最简单的FTP下载的教程

2015/05/04 Python

python 字符串只保留汉字的方法

2018/11/16 Python

selenium使用chrome浏览器测试（附chromedriver与chrome的对应关系表）

2018/11/29 Python

HTML5 Canvas阴影使用方法实例演示

2013/08/02 HTML / CSS

NFL Game Pass欧洲：在线观看NFL比赛直播和点播，以高清质量播放

2018/08/30 全球购物

争先创优活动总结

2014/08/27 职场文书

2014年民主评议党员个人总结

2014/09/24 职场文书

学习党的群众路线教育实践活动心得体会范文

2014/11/03 职场文书

工作失职检讨书

2015/01/26 职场文书

2015教师个人工作总结范文

2015/03/31 职场文书

管理失职检讨书

2015/05/05 职场文书

食品安全责任书范本

2015/05/09 职场文书

Javascript中Microtask和Macrotask鲜为人知的知识点

2022/04/02 Javascript