如何利用HTML5畫出一個(gè)坦克的形狀

發(fā)布時(shí)間：2021-07-23 13:48:37 來(lái)源：億速云閱讀：143 作者：chen 欄目：web開發(fā)

這篇文章主要講解了“如何利用HTML5畫出一個(gè)坦克的形狀”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“如何利用HTML5畫出一個(gè)坦克的形狀”吧！

代碼如下:

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

感謝各位的閱讀，以上就是“如何利用HTML5畫出一個(gè)坦克的形狀”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)如何利用HTML5畫出一個(gè)坦克的形狀這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

如何利用HTML5畫出一個(gè)坦克的形狀

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽