畫(huà)圓弧

兩種方法?

1、border-radius: 50%? ?80%(接受第二個(gè)參數(shù)調(diào)整)?

2 、clip-path:ellipse(80% 60% at 50% 40%)

-r

svg 兩種引入方式

一種線(xiàn)上引入

在index.html文件中加?<script?src="http://at.alicdn.com/t/font_2427661_qki5087nip8.js"></script>

第二種 本地引入

01 新建svg.js文件 把上面地址內(nèi)容復(fù)制到svg.js里面

然后在main.ts中引入 improt './svg.js'

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 2021年2月19日學(xué)習(xí)筆記 【橢圓】 div{ background:#fb3; width: 200px;...
    0清婉0閱讀 2,307評(píng)論 0 2
  • 一.自適應(yīng)的橢圓 問(wèn)題: 我們肯定都注意到過(guò),我們給一個(gè)正方形元素添加一個(gè)足夠大的border-radius(指定...
    FlyingWWS閱讀 876評(píng)論 0 2
  • 擴(kuò)大可點(diǎn)擊區(qū)域 關(guān)鍵實(shí)現(xiàn):偽元素 具體分析:利用偽元素和定位達(dá)到鼠標(biāo)移到邊緣時(shí)候出現(xiàn)手型且可點(diǎn)擊 .expand-...
    文藝阿呆閱讀 278評(píng)論 0 0
  • 在Web網(wǎng)頁(yè)中主要是以矩形分布的。而平面媒體則傾向于更多不同的形狀。造成這種差異的原因是因?yàn)槿鄙俸线m的工具去實(shí)現(xiàn)我...
    周末不敲鍵盤(pán)閱讀 1,992評(píng)論 0 3
  • _________________________________________________________...
    fastwe閱讀 577評(píng)論 0 0

友情鏈接更多精彩內(nèi)容