来源：自学PHP网 时间：2015-01-26 11:14 作者： 阅读:次
[导读] 想必大家已对HTML5如雷贯耳了吧，利用HTML5可以做很多事情，下面与大家分享下利用html5画出一个坦克的形状，具体代码如下，感兴趣的各位可以参考下哈...
|
想必大家已对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(); |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
