想必大家已对HTML5如雷贯耳了吧,利用HTML5可以做很多事情,下面与大家分享下利用html5画出一个坦克的形状,具体代码如下,感兴趣的各位可以参考下哈

 
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();
最新资讯
智慧移动能力“九号公司”成功上市 红杉中国为最大外部股东

智慧移动能力“九号公

智慧移动能力公司九号有限公司(证券简称“九号公司”)在
想让Wi-Fi快点?这些歪招儿都不行

想让Wi-Fi快点?这些歪

为了能增强Wi-Fi信号,网友们开动脑筋,想出了各种招数。
杨元庆:科技应为今天的用户担当两大使命

杨元庆:科技应为今天的

联想集团董事长兼CEO杨元庆今日表示,科技应当为今天的
发改委:加快推进5G网络基站建设

发改委:加快推进5G网络

发改委发布关于印发《近期扩内需促消费的工作方案》的
“剑桥分析丑闻”余波未平:Facebook或在英国面临起诉

“剑桥分析丑闻”余波

据报道,在剑桥分析丑闻曝光两年后,Facebook有可能再次因
蚂蚁集团IPO孖展暂录约3968亿港元 认购约118.75倍

蚂蚁集团IPO孖展暂录

截至周四(29日)中午17时18分,蚂蚁集团IPO孖展暂录约3968
最新文章
html5 canvas-1.canvas介绍(hello canvas)

html5 canvas-1.canva

大家都知道,目前并不是所有的浏览器中支持html5,就算是
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿