課程
/前端開發(fā)
/Html5
/走進(jìn)SVG
畫個(gè)只顯示半圓
2016-09-06
源自:走進(jìn)SVG 4-3
正在回答
<path?id="path1"?d="M?200?200?a?200?200?0?0?0?400?0"?stroke="green"?fill="none"?stroke-width="2"></path>
半徑為200的半圓
畫兩個(gè)圖形,一個(gè)圓,再用另一個(gè)圖形遮住這個(gè)圓的一半就可以。
或者你用css3的border-radius也可以畫半圓
div{
width:100px;
height:100px;
border-radius:50px 50px 0px 0px;
}
舉報(bào)
SVG是HTML5 中矢量圖的標(biāo)記語言,學(xué)習(xí)后掌握更多的干貨
1 回答畫星星只畫一半
2 回答怎樣沿橢圓移動(dòng)
1 回答橢圓個(gè)數(shù)問題
1 回答圓角矩形創(chuàng)建
2 回答怎樣畫這樣的一個(gè)loading圖呢。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-12-22
半徑為200的半圓
2016-09-15
畫兩個(gè)圖形,一個(gè)圓,再用另一個(gè)圖形遮住這個(gè)圓的一半就可以。
或者你用css3的border-radius也可以畫半圓
div{
width:100px;
height:100px;
border-radius:50px 50px 0px 0px;
}