課程
/前端開發
/Html5
/走進SVG
畫個只顯示半圓
2016-09-06
源自：走進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的半圓
畫兩個圖形，一個圓，再用另一個圖形遮住這個圓的一半就可以。
或者你用css3的border-radius也可以畫半圓
div{
width:100px;
height:100px;
border-radius:50px 50px 0px 0px;
}
舉報
SVG是HTML5 中矢量圖的標記語言，學習后掌握更多的干貨
1 回答畫星星只畫一半
2 回答怎樣沿橢圓移動
2 回答怎樣畫這樣的一個loading圖呢。
1 回答圓角矩形創建
1 回答橢圓個數問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-12-22
半徑為200的半圓
2016-09-15
畫兩個圖形，一個圓，再用另一個圖形遮住這個圓的一半就可以。
或者你用css3的border-radius也可以畫半圓
div{
width:100px;
height:100px;
border-radius:50px 50px 0px 0px;
}