想必大家已对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();
最新资讯
智能语音入口激战 家电企业站队、自主两不误

智能语音入口激战 家

Alexa支持的设备在美国的智能语音市场占据了61%的份额
“外星人”收割 中国电竞市场红利

“外星人”收割 中国

016年中国电竞用户达1.7亿,2017年突破2.2亿,在2018年达
苹果的奢侈品之路还能走多远?

苹果的奢侈品之路还能

尽管库克至今都不愿承认定价策略出现了错误,但苹果正在
网络建设仍处于早期 5G手机上手不易

网络建设仍处于早期 5

全球移动通信系统联盟(GSMA)的报告显示,全球范围内的4G
马化腾回应三款新App“夺食”微信

马化腾回应三款新App

先让家里人用起来再说吧,负能量的匿名社交是旗帜鲜明地
格力电器:董明珠连任格力电器董事长及总裁

格力电器:董明珠连任格

格力电器发布公告称,新一任董事会选举董明珠为公司董事
最新文章
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实现仿