编程 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常考语句107条收集

Mar 09 Javascript

jQuery创建平滑的页面滚动(顶部或底部)

Feb 26 Javascript

jQuery中after()方法用法实例

Dec 25 Javascript

jQuery中closest和parents的区别分析

May 07 Javascript

在jQuery中使用$而避免跟其它库产生冲突的方法

Aug 13 Javascript

JS判断指定dom元素是否在屏幕内的方法实例

Jan 23 Javascript

详解node.js搭建代理服务器请求数据

Apr 08 Javascript

JavaScript对JSON数据进行排序和搜索

Jul 24 Javascript

vue组件编写之todolist组件实例详解

Jan 22 Javascript

js中Function引用类型常见有用的方法和属性详解

Dec 11 Javascript

jQuery实现查看图片功能

Dec 01 jQuery

CocosCreator入门教程之网络通信

Apr 16 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

在DC的漫画和电影中，蝙蝠侠的宿敌，小丑的真名是什么？

2020/04/09 欧美动漫

一个PHP数组应该有多大的分析

2009/07/30 PHP

PHP similar_text 字符串的相似性比较函数

2010/05/26 PHP

详解php协程知识点

2018/09/21 PHP

前淘宝前端开发工程师阿当的PPT中有JS技术理念问题

2010/01/15 Javascript

JS实现文字掉落效果的方法

2015/05/06 Javascript

JS实现仿新浪黄色经典滑动门效果代码

2015/09/27 Javascript

JavaScript中的跨浏览器事件操作的基本方法整理

2016/05/20 Javascript

全面解析Bootstrap中form、navbar的使用方法

2016/05/30 Javascript

JS防止网页被嵌入iframe框架的方法分析

2016/09/13 Javascript

AngularJS入门教程之数据绑定原理详解

2016/11/02 Javascript

loading动画特效小结

2017/01/22 Javascript

vue.js 底部导航栏一级路由显示子路由不显示的解决方法

2018/03/09 Javascript

Node.js使用cookie保持登录的方法

2018/05/11 Javascript

Three.JS实现三维场景

2018/12/30 Javascript

layer ui插件显示tips时,修改字体颜色的实现方法

2019/09/11 Javascript

Node.js API详解之 module模块用法实例分析

2020/05/13 Javascript

Vue实现简单的留言板

2020/10/23 Javascript

antd Select下拉菜单动态添加option里的内容操作

2020/11/02 Javascript

python读取注册表中值的方法

2013/04/08 Python

高效使用Python字典的清单

2018/04/04 Python

Python统计单词出现的次数

2018/04/04 Python

Django框架实现的简单分页功能示例

2018/12/04 Python

GitHub 热门：Python 算法大全,Star 超过 2 万

2019/04/29 Python

浅谈matplotlib 绘制梯度下降求解过程

2020/07/12 Python

Sephora丝芙兰澳洲官方网站：国际知名化妆品购物

2016/10/27 全球购物

LEGO玩具英国官方商店：LEGO Shop GB

2018/03/27 全球购物

大学生通用个人的自我评价

2014/02/10 职场文书

我的中国梦演讲稿300字

2014/08/19 职场文书

2014年药店店长工作总结

2014/11/17 职场文书

感谢信的格式

2015/01/21 职场文书

企业爱心捐款倡议书

2015/04/27 职场文书

小学安全工作总结2015

2015/05/18 职场文书

mysql字符串截取函数小结

2021/04/05 MySQL

Python初学者必备的文件读写指南

2021/06/23 Python

面试分析分布式架构Redis热点key大Value解决方案

2022/03/13 Redis