利用HTML5画出一个坦克的形状具体实现代码


Posted in HTML / CSS onJune 20, 2013

复制代码
代码如下:

var canvas=document.getElementById('myCanvas');
var ctx= canvas.getContext('2d');
ctx.fillStyle="#99FF66";
ctx.fillRect(10,10,15,80);
//ctx.fillRect(10,80,15,80);
var canvas=document.getElementById('myCanvas');
var ctx= canvas.getContext('2d');
ctx.fillStyle="#99FF66";
ctx.fillRect(60,10,15,80);
var canvas=document.getElementById('myCanvas');
var ctx= canvas.getContext('2d');
ctx.fillStyle="#0033CC";
ctx.fillRect(26,27,33,50);
ctx.fillStyle="red";
ctx.beginPath();
ctx.arc(43,52,17,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();
ctx.strokeTyle="#CCCC00";
ctx.lineWidth=2;
ctx.moveTo(43,52);
ctx.lineTo(43,10);
ctx.stroke();
HTML / CSS 相关文章推荐
纯CSS3代码实现switch滑动开关按钮效果
Aug 30 HTML / CSS
canvas之万花筒效果的简单实现(推荐)
Aug 16 HTML / CSS
CSS3实现彩色进度条动画的示例
Oct 29 HTML / CSS
html+css3实现的登录界面
Dec 09 HTML / CSS
Html5实现单张、多张图片上传功能
Apr 28 HTML / CSS
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
Jan 30 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
May 07 HTML / CSS
实例讲解利用HTML5 Canvas API操作图形旋转的方法
Mar 22 HTML / CSS
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
Dec 16 HTML / CSS
HTML5地理定位_动力节点Java学院整理
Jul 12 HTML / CSS
canvas进阶之如何画出平滑的曲线
Oct 15 HTML / CSS
使用html5 canvas绘制圆环动效
Jun 03 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 #HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
Jun 09 #HTML / CSS
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
Jun 09 #HTML / CSS
HTML5视频支持检测(检查浏览器是否支持视频播放)
Jun 08 #HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
Jun 08 #HTML / CSS
HTML5使用DOM进行自定义控制示例代码
Jun 08 #HTML / CSS
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
Jun 06 #HTML / CSS
You might like
用 PHP5 轻松解析 XML
2006/12/04 PHP
php设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
网页禁用右键实现代码(JavaScript代码)
2009/10/29 Javascript
JavaScript 常用函数
2009/12/30 Javascript
javascript面向对象之二 命名空间
2011/02/08 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
2011/03/28 Javascript
JQuery select控件的相关操作实现代码
2012/09/14 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
用循环或if语句从json中取数据示例
2014/08/18 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
nodejs的路径问题的解决
2018/06/30 NodeJs
Vue数字输入框组件使用方法详解
2020/02/10 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
[53:23]Secret vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
Python3 循环语句(for、while、break、range等)
2017/11/20 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
python3中类的继承以及self和super的区别详解
2019/06/26 Python
Python2.x与3​​.x版本有哪些区别
2020/07/09 Python
python 调整图片亮度的示例
2020/12/03 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
灵活运用CSS3特性绘制简易版围棋效果
2016/09/28 HTML / CSS
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
幼儿园安全检查制度
2014/01/30 职场文书
学校运动会霸气口号
2014/06/07 职场文书
员工考勤管理制度
2015/08/06 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
古诗文之爱国名句(77句)
2019/09/24 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server
MyBatis 动态SQL全面详解
2021/10/05 MySQL