主界面上的各個常駐元素需要盡可能的空出游戲畫面，避免遮擋，在這個前提下大部分常駐元素會分布在界面的上方和下方兩個橫條內，橫向的血條可以更加充分的利用這部分空間都伴隨怪物名稱同時顯示，個人認為橫向書寫比縱向書寫更便于閱讀，尤其是在游戲內大部分文本都是橫向書寫的情況下，因此橫向書寫的名稱基本只能選擇放在怪物頭頂，這時血條形狀的選擇就比較有限了，橫向是一種不失美觀且更易實現的形式，或者做成九陰真經NPC好感度那樣的弧形，但我沒覺得美觀度有提升多少。圓形的進度條或者是血條就是這樣

這個是在進度條圓形中又畫了一個空白的小圓，然后寫的文字http://blog.csdn.net/tangdou5682/article/details/52778766

你可以看一下這個教程，原理懂了就和做了網頁鏈接

//獲取canvas對象var c=document.getElementById("myCanvas"); //getContext("2d") 對象是內建的 HTML5 對象，擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。var ctx=c.getContext("2d"); ctx.beginPath();ctx.arc(95,50,40,0,2*Math.PI);//設置字體大小和字體樣式ctx.font="30px Arial";//設置文本ctx.fillText("Hello World",10,50);ctx.stroke();

簡單做法：畫直線，把變形點調整至直線的一端，設置359幀，設置順時針旋轉一周，把每一幀轉化為關鍵幀。復制所有幀，每幀根據時間需要加普通幀。播放測試

總結

以上是生活随笔為你收集整理的圆形的进度条怎么写啊？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。