编程 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 相关文章推荐

读jQuery之三（构建选择器）

Jun 11 Javascript

javascript实现根据3原色制作颜色选择器的方法

Jul 17 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

JavaScript类型系统之布尔Boolean类型详解

Jun 26 Javascript

JS实现禁止高频率连续点击的方法【基于ES6语法】

Apr 25 Javascript

js微信分享实现代码

Oct 11 Javascript

使用JS实现气泡跟随鼠标移动的动画效果

Sep 16 Javascript

在 Node.js 中使用 async 函数的方法

Nov 17 Javascript

浅谈webpack-dev-server的配置和使用

May 17 Javascript

vue表单验证你真的会了吗？vue表单验证（form）validate

Apr 07 Javascript

node+vue实现文件上传功能

May 28 Javascript

vue.js实现照片放大功能

Jun 23 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实现的四则运算表达式计算实现代码

2011/08/02 PHP

php封装db类连接sqlite3数据库的方法实例

2017/12/19 PHP

laravel框架中控制器的创建和使用方法分析

2019/11/23 PHP

laravel框架实现敏感词汇过滤功能示例

2020/02/15 PHP

syntaxhighlighter 使用方法

2007/07/02 Javascript

jquery 指南/入门基础

2007/11/30 Javascript

JavaScript 组件之旅（二）编码实现和算法

2009/10/28 Javascript

jQuery控制图片的hover效果（smartRollover.js）

2012/03/18 Javascript

JavaScript判断字符长度、数字、Email、电话等常用判断函数分享

2015/04/01 Javascript

javascript解三阶幻方（九宫格）

2015/04/22 Javascript

win7下安装配置node.js+express开发环境

2015/12/06 Javascript

jQuery进行组件开发完整实例

2015/12/15 Javascript

bootstrapValidator自定验证方法写法

2016/12/01 Javascript

bootstrap table操作技巧分享

2017/02/15 Javascript

Vuejs仿网易云音乐实现听歌及搜索功能

2017/03/30 Javascript

关于vue.js过渡css类名的理解(推荐)

2017/04/10 Javascript

基于iScroll实现内容滚动效果

2018/03/21 Javascript

vue + typescript + video.js实现流媒体播放视频监控功能

2019/07/07 Javascript

基于JS实现视频上传显示进度条

2020/05/12 Javascript

解决vant title-active-color与title-inactive-color不生效问题

2020/11/03 Javascript

基于vue的video播放器的实现示例

2021/02/19 Vue.js

[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局

2016/02/26 DOTA

简单讲解Python中的闭包

2015/08/11 Python

python字符串的常用操作方法小结

2016/05/21 Python

Python模块、包(Package)概念与用法分析

2019/05/31 Python

python3.7 的新特性详解

2019/07/25 Python

Python中断多重循环的思路总结

2019/10/04 Python

tensorflow 实现自定义梯度反向传播代码

2020/02/10 Python

python中的yield from语法快速学习

2020/11/06 Python

一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9

2013/11/18 HTML / CSS

HTML5实践-图片设置成灰度图

2012/11/12 HTML / CSS

办公室文员岗位职责

2015/02/04 职场文书

2015年上半年物业工作总结

2015/03/30 职场文书

《烈火英雄》观后感：致敬和平时代的英雄

2019/11/11 职场文书

ThinkPHP5和ThinkPHP6的区别

2021/03/31 PHP

《暗黑破坏神2：重制版》本周进行第一轮A测目前可官网进行申请报名

2021/04/07 其他游戏