利用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 border实现图片遮罩效果代码
Apr 09 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
Mar 01 HTML / CSS
解决CSS3的opacity属性带来的层叠顺序问题
May 09 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
Jun 21 HTML / CSS
html5菜单折纸效果
Apr 22 HTML / CSS
HTML table 表格边框的实现思路
Oct 12 HTML / CSS
Html5之自定义属性(data-,dataset)
Nov 19 HTML / CSS
web字体加载方案优化小结
Nov 29 HTML / CSS
处理textarea中的换行和空格
Dec 12 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
Apr 10 HTML / CSS
AmazeUI 导航条的实现示例
Aug 14 HTML / CSS
css3实现背景图片颜色修改的多种方式
Apr 13 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
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
php字符串截取问题
2006/11/28 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
PHP SPL标准库之接口(Interface)详解
2015/05/11 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
Javascript学习笔记一 之 数据类型
2010/12/15 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
jQuery不兼容input的change事件问题解决过程
2014/12/05 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
backbone简介_动力节点Java学院整理
2017/07/14 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
实例分析JS与Node.js中的事件循环
2017/12/12 Javascript
关于vue 结合原生js 解决echarts resize问题
2020/07/26 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python3导入自定义模块的三种方法详解
2018/04/13 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
python小白切忌乱用表达式
2020/05/29 Python
Python工程师必考的6个经典面试题
2020/06/28 Python
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
绿化工程实施方案
2014/03/17 职场文书
学生会副主席竞聘书
2014/03/31 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
询价采购方案
2014/06/09 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
离婚协议书范文2015
2015/01/26 职场文书
社区端午节活动总结
2015/02/11 职场文书
500字小学生检讨书
2015/02/19 职场文书
2015年加油站工作总结
2015/05/13 职场文书
MySql子查询IN的执行和优化的实现
2021/08/02 MySQL
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏