编程 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 避免闭包引发的问题

Mar 17 Javascript

jquery ui dialog ie8出现滚动条的解决方法

Dec 06 Javascript

Jquery练习之表单验证实现代码

Dec 14 Javascript

js中的时间转换—毫秒转换成日期时间的示例代码

Jan 26 Javascript

如何用jquery控制表格奇偶行及活动行颜色

Apr 20 Javascript

jQuery打字效果实现方法(附demo源码下载)

Dec 18 Javascript

JavaScript在form表单中使用button按钮实现submit提交方法

Jan 23 Javascript

Cpage.js给组件绑定事件的实现代码

Aug 31 Javascript

JS实现的简单拖拽购物车功能示例【附源码下载】

Jan 03 Javascript

在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】

Jun 09 Javascript

VUE项目中加载已保存的笔记实例方法

Sep 14 Javascript

微信小程序里引入SVG矢量图标的方法

Sep 20 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原理之异常机制深入分析

2010/08/08 PHP

php中curl使用指南

2015/02/05 PHP

php使用cookie实现记住用户名和密码实现代码

2015/04/27 PHP

php使用COPY函数更新配置文件的方法

2015/06/18 PHP

PHP使用Curl实现模拟登录及抓取数据功能示例

2018/04/27 PHP

js中将多个语句写成一个语句的两种方法小结

2007/12/08 Javascript

Ext grid 添加右击菜单

2009/11/26 Javascript

FileUpload 控件禁止手动输入或粘贴的实现代码

2010/04/07 Javascript

浅析onsubmit校验表单时利用ajax的return false无效问题

2013/07/10 Javascript

Javascript alert消息换行的方法

2013/08/07 Javascript

jquery清空表单数据示例分享

2014/02/13 Javascript

使用js dom和jquery分别实现简单增删改

2014/09/11 Javascript

纯javascript判断查询日期是否为有效日期

2015/08/24 Javascript

js上下视差滚动简单实现代码

2017/03/07 Javascript

react-redux中connect()方法详细解析

2017/05/27 Javascript

对vue里函数的调用顺序介绍

2018/03/17 Javascript

在Vant的基础上实现添加表单验证框架的方法示例

2018/12/05 Javascript

Node.js实现简单的爬取的示例代码

2019/06/25 Javascript

[02:20]DOTA2英雄基础教程黑暗贤者

2013/12/19 DOTA

[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28

2020/12/01 DOTA

Python使用三种方法实现PCA算法

2017/12/12 Python

Django入门使用示例

2017/12/12 Python

在IPython中进行Python程序执行时间的测量方法

2018/11/01 Python

python利用多种方式来统计词频（单词个数）

2019/05/27 Python

python实现在cmd窗口显示彩色文字

2019/06/24 Python

python+django+rest框架配置创建方法

2019/08/31 Python

python 哈希表实现简单python字典代码实例

2019/09/27 Python

python集合常见运算案例解析

2019/10/17 Python

了解一下python内建模块collections

2020/09/07 Python

详解Pycharm安装及Django安装配置指南

2020/09/15 Python

Python使用pyenv实现多环境管理

2021/02/05 Python

如何高效率的查找一个月以内的数据

2012/04/15 面试题

公务员的自我鉴定

2013/10/26 职场文书

力学专业毕业生自荐信

2013/11/17 职场文书

thinkphp 获取控制器及控制器方法

2021/04/16 PHP

WebRTC记录音视频流(web技术分享)

2022/02/24 Javascript