利用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 相关文章推荐
让IE可以变相支持CSS3选择器
Jan 21 HTML / CSS
一款纯css3实现的颜色渐变按钮的代码教程
Nov 12 HTML / CSS
html5理解head_动力节点Java学院整理
Jul 13 HTML / CSS
HTML5之SVG 2D入门10—滤镜的定义及使用
Jan 30 HTML / CSS
HTML5 中新的全局属性(整理)
Jul 31 HTML / CSS
html5 自定义播放器核心代码
Dec 20 HTML / CSS
HTML5的新特性(1)
Mar 03 HTML / CSS
微信html5页面调用第三方位置导航的示例
Mar 14 HTML / CSS
深入浅析HTML5中的article和section的区别
May 15 HTML / CSS
浅析HTML5 Landmark
Sep 11 HTML / CSS
详解CSS玩转图片Base64编码
May 25 HTML / CSS
CSS中实现动画效果-附案例
Feb 28 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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
PHP输出当前进程所有变量/常量/模块/函数/类的示例
2013/11/07 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
JavaScript简单计算人的年龄示例
2017/04/15 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
Vue.js点击切换按钮改变内容的实例讲解
2018/08/22 Javascript
微信小程序实现日历效果
2018/12/28 Javascript
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
[46:32]Fnatic vs OG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python文件操作之批量修改文件后缀名的方法
2018/08/10 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
python实现控制COM口的示例
2019/07/03 Python
python 批量添加的button 使用同一点击事件的方法
2019/07/17 Python
Python socket非阻塞模块应用示例
2019/09/12 Python
python 使用opencv 把视频分割成图片示例
2019/12/12 Python
pip 20.3 新版本发布!即将抛弃 Python 2.x(推荐)
2020/12/16 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
html5开发之viewport使用
2013/10/17 HTML / CSS
学生感冒英文请假条
2014/02/04 职场文书
商场租赁意向书
2014/07/30 职场文书
优秀校长事迹材料
2014/12/24 职场文书
罚站检讨书
2015/01/29 职场文书
2015年远程教育工作总结
2015/05/20 职场文书
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫
html中两种获取标签内的值的方法
2022/06/16 jQuery