利用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中Color的一些特性介绍
May 27 HTML / CSS
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
Dec 28 HTML / CSS
详解CSS3 Media Queries中媒体属性的使用
Feb 29 HTML / CSS
详解CSS3阴影 box-shadow的使用和技巧总结
Dec 03 HTML / CSS
详解css position 5种不同的值的用法
Jul 30 HTML / CSS
HTML5 拖拽批量上传文件的示例代码
Mar 28 HTML / CSS
HTML5 b和i标记将被赋予真正的语义
Jul 16 HTML / CSS
使用HTML5中的contentEditable来将多行文本自动增高
Mar 01 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
Jul 24 HTML / CSS
HTML5 canvas 瀑布流文字效果的示例代码
Jan 31 HTML / CSS
HTML5 新表单类型示例代码
Mar 20 HTML / CSS
企业开发CSS命名BEM代码规范实践
Feb 12 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 mssql 分页SQL语句优化 持续影响
2009/04/26 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
laravel 多图上传及图片的存储例子
2019/10/14 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
jQuery Dialog 弹出层对话框插件
2010/08/09 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
jQuery实现仿Alipay支付宝首页全屏焦点图切换特效
2015/05/04 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
jquery实现垂直手风琴菜单
2020/03/04 jQuery
python使用PyV8执行javascript代码示例分享
2013/12/04 Python
Windows下Python的Django框架环境部署及应用编写入门
2016/03/10 Python
python实现用户登录系统
2016/05/21 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
python清空命令行方式
2020/01/13 Python
浅谈selenium如何应对网页内容需要鼠标滚动加载的问题
2020/03/14 Python
使用Python matplotlib作图时,设置横纵坐标轴数值以百分比(%)显示
2020/05/16 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
Pycharm安装python库的方法
2020/11/24 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
光声世纪笔试题目
2012/08/25 面试题
优秀应届毕业生推荐信
2014/02/18 职场文书
西式婚礼主持词
2014/03/13 职场文书
教师工作能力自我评价
2015/03/04 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
《烈火英雄》观后感:致敬和平时代的英雄
2019/11/11 职场文书
Python开发五子棋小游戏
2022/05/02 Python