利用HTML5畫出一個坦克的形狀具體實現(xiàn)代碼

當(dāng)前位置：首頁 > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)頁制作

來源：易賢網(wǎng) 閱讀：1603 次日期：2016-07-13 14:38:48

溫馨提示：易賢網(wǎng)小編為您整理了“利用HTML5畫出一個坦克的形狀具體實現(xiàn)代碼”,方便廣大網(wǎng)友查閱！

想必大家已對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();

更多信息請查看網(wǎng)頁制作

上一篇：HTML5的表單(絕對特別強(qiáng)大的功能)使用示例

下一篇：HTML5 Canvas-用路徑描畫線條實例介紹

易賢網(wǎng)手機(jī)網(wǎng)站地址：利用HTML5畫出一個坦克的形狀具體實現(xiàn)代碼

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！

相關(guān)閱讀網(wǎng)頁制作

使用CSS制作立體導(dǎo)航欄10月30日

用純CSS3實現(xiàn)網(wǎng)頁中常見的小箭頭10月30日

有關(guān)HTML5中背景音樂的自動播放功能10月30日

HTML5、Select下拉框右邊加圖標(biāo)的實現(xiàn)代碼(增進(jìn)用戶體驗)10月30日

html5實現(xiàn)圖片轉(zhuǎn)圈的動畫效果——讓頁面動起來10月30日

html5清空畫布方法(三種)10月30日

HTML實現(xiàn)移動端固定懸浮半透明搜索框10月30日

HTML5 文件域+FileReader 分段讀取文件并上傳到服務(wù)器10月30日

Dreamweaver怎么設(shè)計彩色邊框的表格?10月30日

Dreamweaver怎么給個人簡歷添加照片并排版?10月30日

基于HTML5的WebGL實現(xiàn)json和echarts圖表展現(xiàn)在同一個界面10月30日

解決HTML5手機(jī)端頁面縮放的問題10月30日

利用純CSS實現(xiàn)居中的七大方法示例09月29日

CSS3中偽元素::before和::after的用法示例09月29日

詳解使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁排版09月29日

HTML5+CSS3 實現(xiàn)靈動的動畫 TAB 切換效果(DEMO)09月29日

css3 pointer-events 介紹詳解09月29日

CSS :focus-within的具體使用09月29日

你所不知道的 CSS 動畫技巧與細(xì)節(jié)09月29日

詳解CSS3選擇器:nth-child和:nth-of-type之間的差異09月29日

茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合