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

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