利用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实现的数字统计游戏
Nov 10 HTML / CSS
css3 仿写阿里云水纹效果的示例代码
Feb 10 HTML / CSS
纯CSS3制作页面切换效果的实例代码
May 30 HTML / CSS
HTML5等待加载动画效果
Jul 27 HTML / CSS
HTML5 Canvas标签使用收录
Jul 07 HTML / CSS
html5 canvas实现圆形时钟代码分享
Dec 25 HTML / CSS
深入解析HTML5的IndexedDB索引数据库
Sep 14 HTML / CSS
HTML5学习笔记之html5与传统html区别
Jan 06 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
Jan 27 HTML / CSS
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
Aug 18 HTML / CSS
详解HTML5.2版本带来的修改
May 06 HTML / CSS
CSS3实现的文字弹出特效
Apr 16 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新手上路(十四)
2006/10/09 PHP
PHP 解决utf-8和gb2312编码转换问题
2010/03/18 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
smarty基础之拼接字符串的详解
2013/06/18 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
php采用file_get_contents代替使用curl实例
2014/11/07 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
javascript 对表格的行和列都能加亮显示
2008/12/26 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
jQuery中each()方法用法实例
2014/12/27 Javascript
javascript处理a标签超链接默认事件的方法
2015/06/29 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
Vue.js每天必学之方法与事件处理器
2016/09/06 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
基于JQuery和DWR实现异步数据传递
2020/10/16 jQuery
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
python元组操作实例解析
2014/09/23 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
keras 获取某层输出 获取复用层的多次输出实例
2020/05/23 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
全球立体声:World Wide Stereo
2018/09/29 全球购物
企业办公室主任岗位职责
2014/02/19 职场文书
2014年教学工作总结
2014/11/13 职场文书
司法廉洁教育心得体会
2016/01/20 职场文书
导游词之山东孔庙
2019/11/04 职场文书
Oracle 多表查询基本语法实例
2022/04/18 Oracle
Java界面编程实现界面跳转
2022/06/16 Java/Android