利用HTML5画出一个坦克的形状具体实现代码

2016-02-19 10:35 9 1 收藏

有了下面这个利用HTML5画出一个坦克的形状具体实现代码教程，不懂利用HTML5画出一个坦克的形状具体实现代码的也能装懂了，赶紧get起来装逼一下吧！

【 tulaoshi.com - Web开发】

代码如下：

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();

来源:http://www.tulaoshi.com/n/20160219/1595160.html

上一篇： JavaScript中void(0)的具体含义解释
下一篇： Java中 shuffle 算法的使用

看过《利用HTML5画出一个坦克的形状具体实现代码》的人还看了以下文章更多>>

html5记忆翻牌游戏实现思路及代码

标签： Web开发

翻开的2张牌如果配对就会消除，否则2张牌都会返回背面。需求分析怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面怎么生成牌组并且确定每张牌的位置和对应的图片怎么洗牌怎么记录牌组的配对信息怎么确定点击事件是第一次点击还是第二次点击作弊事件的处理：两次点击同一张牌点击已经消除的牌面点击牌面之外的区域...

Html5实现iPhone开机界面示例代码

标签： Web开发

今天我突发其想，想到可以用Html5来仿照苹果操作系统做一个能在Web平台运行的ios。当然，要开发出一个操作系统，等我再归山修练一百年再说吧。今天就先娱乐一下，先搞一个开机界面。完工后的图片：担心图片是被我PS后的同学可以直接进入下面的地址测试： http://www.cnblogs.com/yorhom/articles/3163078.html 由于lufylegend封...

HTML5的标签的代码的简单介绍 HTML5标签的简介

标签： Web开发

HTML是人们在万维网上沟通和交流所必须要使用的核心标记语言。最新版本的超文本标记语言HTML5已经带着新的功能和要素推出了，这里提供一些信息供您学习HTML5. HTML5 是基于HTML4.01，XHTML1.0和DOM级别2HTML的下一代推荐标准。它的目标是减少对专有RIA技术的需要，就比如Adobe Flash, MicrosoftSilverlight 和 Sun JavaFX. 这个改进H...

html5拖曳操作 HTML5实现网页元素的拖放操作

标签： Web开发

HTML5之前，要实现网页元素的拖放操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5中引入了直接支持拖放操作的API，大大简化了网页元素的拖放操作编程难度，并且这些API除了支持浏览器内部元素的拖放外，同时支持浏览器和其它应用程序之间的数据互相拖动。本文通过一个简单示例，演示HTML5中拖放API的使用...

html5弹跳球示例代码

标签： Web开发

代码如下： html head meta charset=utf-8 title跳跳球/title script //box var box_x=0; var box_y=0; var box_width=300; var box_height=300; //注意:定位球采用球的中心 var ball_x=10; var ball_y=10; var ball_radius=10; var ball_vx=5; var ball_vy=3; var box_bound_left=box_x+ball_radius; var box_boun...

查看更多精彩>>