编程 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中面向对象技术的模拟

Sep 25 Javascript

newxtree.js代码

Mar 13 Javascript

JS简单实现多级Select联动菜单效果代码

Sep 06 Javascript

浅析jQuery 遍历函数，javascript中的each遍历

May 25 Javascript

jquery制做精致的倒计时特效

Jun 13 Javascript

Vue.js每天必学之构造器与生命周期

Sep 05 Javascript

vue封装第三方插件并发布到npm的方法

Sep 25 Javascript

完美解决axios在ie下的兼容性问题

Mar 05 Javascript

vue中本地静态图片路径写法

Mar 06 Javascript

vue+vant使用图片预览功能ImagePreview的问题解决

Apr 10 Javascript

Vue filter 过滤器、以及在table中的使用介绍

Sep 07 Javascript

Javascript中的解构赋值语法详解

Apr 02 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提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别

2011/02/08 PHP

WordPress判断用户是否登录的代码

2011/03/17 PHP

解析PHP中intval()等int转换时的意外异常情况

2013/06/21 PHP

ThinkPHP调用百度翻译类实现在线翻译

2014/06/26 PHP

通过php删除xml文档内容的方法

2015/01/23 PHP

PHP获取数组最大值下标的方法

2015/05/12 PHP

PHP限制HTML内容中图片必须是本站的方法

2015/06/16 PHP

PHP框架Laravel学习心得体会

2015/10/28 PHP

模仿JQuery sortable效果代码有错但值得看看

2009/11/05 Javascript

qTip2 精致的基于jQuery提示信息插件

2012/02/17 Javascript

js重写alert控件(适合学习js的新手朋友)

2014/08/24 Javascript

js实现简单随机抽奖的方法

2015/01/27 Javascript

基于jquery实现鼠标左右拖动滑块滑动附源码下载

2015/12/23 Javascript

jQuery progressbar通过Ajax请求实现后台进度实时功能

2016/10/11 Javascript

jQuery实现联动下拉列表查询框

2017/01/04 Javascript

nodejs 图解express+supervisor+ejs的用法(推荐)

2017/09/08 NodeJs

JavaScript实现元素滚动条到达一定位置循环追加内容

2017/12/28 Javascript

浅谈vue的props，data，computed变化对组件更新的影响

2018/01/16 Javascript

jQuery插件Validation表单验证详解

2018/05/26 jQuery

微信小程序使用npm支持踩坑

2018/11/07 Javascript

JS实现checkbox互斥(单选)功能示例

2019/05/04 Javascript

Javascript异步执行不按顺序解决方案

2020/04/30 Javascript

Python 探针的实现原理

2016/04/23 Python

Python 多线程的实例详解

2017/09/07 Python

解决python 输出是省略号的问题

2018/04/19 Python

解决Django migrate No changes detected 不能创建表的问题

2018/05/27 Python

解决import tensorflow as tf 出错的原因

2020/04/16 Python

如何用 Python 制作一个迷宫游戏

2021/02/25 Python

美国最大点评网站：Yelp

2018/02/14 全球购物

Wilson体育用品官网：美国著名运动器材品牌

2019/05/12 全球购物

竞选班干部演讲稿500字

2014/08/20 职场文书

2014年党员自我评议（5篇）

2014/09/12 职场文书

党支部书记四风问题整改措施

2014/09/24 职场文书

母亲节感言

2015/08/03 职场文书

小学感恩主题班会

2015/08/12 职场文书

Python数据分析之pandas读取数据

2021/06/02 Python