第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

信用評級半環(huán)形進(jìn)度條該怎么做?

信用評級半環(huán)形進(jìn)度條該怎么做?

BIG陽 2019-03-06 18:19:04
如圖:想知道這種信用評級的進(jìn)度條該怎么做,最好css可以的話希望可以知道思路是怎么做,在此求教。自己試著用canvas做出的了半環(huán)形就不知到該怎么做了,如下:代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title></head><body><canvas id="myCanvas" width="424" height="212">您的瀏覽器不支持 HTML5 canvas 標(biāo)簽。</canvas><script>    var c=document.getElementById("myCanvas");    var ctx=c.getContext("2d");    ctx.beginPath();    ctx.lineWidth=28;    ctx.strokeStyle="#deab72";    ctx.arc(212,212,184,Math.PI,false);    ctx.stroke();</script> </body></html>
查看完整描述

2 回答

?
慕姐8265434

TA貢獻(xiàn)1813條經(jīng)驗(yàn) 獲得超2個贊

用canvas可以實(shí)現(xiàn),大概思路:

  1. 設(shè)置 context.lineWidth

  2. context.arc(x, y, r, startAngle, endAngle, counterclockwise)

  3. 最上面黃色的小條條可以用 div 實(shí)現(xiàn),覆蓋canvas就行


查看完整回答
反對 回復(fù) 2019-03-11
  • 2 回答
  • 0 關(guān)注
  • 884 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號