利用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 渐变(Gradients)之CSS3 线性渐变
Jul 08 HTML / CSS
CSS3让登陆面板3D旋转起来
May 03 HTML / CSS
CSS3中的display:grid,网格布局介绍
Oct 30 HTML / CSS
CSS3 filter(滤镜)实现网页灰色或者黑色模式的示例代码
Feb 24 HTML / CSS
巧用 CSS3的webkit-box-reflect 倒影实现各类动效
Mar 05 HTML / CSS
解决img标签上下出现间隙的方法
Dec 14 HTML / CSS
html5应用缓存_动力节点Java学院整理
Jul 13 HTML / CSS
使用HTML5的File实现base64和图片的互转
Aug 01 HTML / CSS
html5 canvas移动浏览器上实现图片压缩上传
Mar 11 HTML / CSS
H5混合开发app如何升级的方法
Jan 10 HTML / CSS
HTML文本属性&颜色控制属性的实现
Dec 17 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Mar 17 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
杏林同学录(八)
2006/10/09 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
linux环境apache多端口配置虚拟主机的方法深入介绍
2013/06/09 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
JavaScript实现DOM对象选择器
2016/09/24 Javascript
深入理解JS实现快速排序和去重
2016/10/17 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
vue实现的封装全局filter并统一管理操作示例
2020/02/02 Javascript
python进阶教程之文本文件的读取和写入
2014/08/29 Python
python机器学习库常用汇总
2017/11/15 Python
python实现读Excel写入.txt的方法
2018/04/29 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Python Merge函数原理及用法解析
2020/09/16 Python
OpenCV实现机器人对物体进行移动跟随的方法实例
2020/11/09 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
如何进行Linux分区优化
2016/09/13 面试题
2015共产党员公开承诺书
2015/01/22 职场文书
关于童年的读书笔记
2015/06/26 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server