编程 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程序设计有所帮助。

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

- Author -

不吃皮蛋

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

Javascript 相关文章推荐

EASYUI TREEGRID异步加载数据实现方法

Aug 22 Javascript

基于jquery编写的横向自适应幻灯片切换特效的实例代码

Aug 06 Javascript

JQuery判断checkbox是否选中及其它复选框操作方法合集

Jun 01 Javascript

JS使用eval解析JSON的注意事项分析

Nov 14 Javascript

JS实现字符串转日期并比较大小实例分析

Dec 09 Javascript

原生JS实现图片翻书效果

Feb 16 Javascript

用jQuery实现圆点图片轮播效果

Mar 19 Javascript

详解jquery插件jquery.viewport.js学习使用方法

Sep 08 jQuery

angular4模块中给标签添加背景图的实现方法

Sep 15 Javascript

在 React、Vue项目中使用SVG的方法

Feb 09 Javascript

基于 D3.js 绘制动态进度条的实例详解

Feb 26 Javascript

vue cli构建的项目中请求代理与项目打包问题

Feb 26 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

秘鲁购物网站(1) 缅甸购物网站(1) 捷克购物网站(26) 匈牙利购物网站(11) 菲律宾购物网站(13) 越南购物网站(9) 北美洲购物网站(1) 新西兰购物网站(42) 巴基斯坦购物网站(2) 卡塔尔购物网站(3)

You might like

input file获得文件根目录简单实现

2013/04/26 PHP

处理单名多值表单的详解

2013/06/08 PHP

php 判断服务器操作系统的类型

2014/02/17 PHP

php根据一个给定范围和步进生成数组的方法

2015/06/19 PHP

php开发微信支付获取用户地址

2015/10/04 PHP

Laravel 连接(Join)示例

2019/10/16 PHP

一种JavaScript的设计模式

2006/11/22 Javascript

javascript 动态添加事件代码

2008/11/30 Javascript

jQuery实现点击该行即可删除HTML表格行

2014/10/17 Javascript

AngularJS中取消对HTML片段转义的方法例子

2015/01/04 Javascript

JS根据生日算年龄的方法

2015/05/05 Javascript

JavaScript+CSS实现仿天猫侧边网页菜单效果

2015/08/25 Javascript

DOM操作和jQuery实现选项移动操作的简单实例

2016/06/07 Javascript

JS实现动态表格的添加，修改，删除功能(推荐)

2016/06/15 Javascript

深入理解Angularjs中$http.post与$.post

2017/05/19 Javascript

vue.js开发实现全局调用的MessageBox组件实例代码

2017/11/22 Javascript

angular 服务的单例模式(依赖注入模式下)详解

2018/10/22 Javascript

Makefile/cmake/node-gyp中区分判断不同平台的方法

2018/12/18 Javascript

如何通过setTimeout理解JS运行机制详解

2019/03/23 Javascript

深入解析koa之中间件流程控制

2019/06/17 Javascript

Python open()文件处理使用介绍

2014/11/30 Python

Python实现的排列组合计算操作示例

2017/10/13 Python

解决pycharm安装后代码区不能编辑的问题

2018/10/28 Python

Python实现微信翻译机器人的方法

2019/08/13 Python

Django中使用MySQL5.5的教程

2019/12/18 Python

pytorch 求网络模型参数实例

2019/12/30 Python

python实现梯度下降算法的实例详解

2020/08/17 Python

幼教个人求职信范文

2013/12/02 职场文书

幼儿教师师德师风演讲稿

2014/08/22 职场文书

心得体会的写法

2014/09/05 职场文书

2014年大学生村官工作总结

2014/11/19 职场文书

2015年党支部书记工作总结

2015/05/21 职场文书

2015年医务科工作总结范文

2015/05/26 职场文书

闪闪红星观后感

2015/06/08 职场文书

pandas求平均数和中位数的方法实例

2021/08/04 Python

python的列表生成式,生成器和generator对象你了解吗

2022/03/16 Python