简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何讓svg標籤內的元素寬高等於svg標籤的寬高？
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-05-16 13:27:36
0
2
801

我的svg標籤外面用一個p盒子包裹，svg設定寬高為外面盒子寬高的100%，修改p盒子的寬高，此時svg的寬高始終和p盒子一樣，但是svg裡面的path標籤的寬高卻跟svg不一樣，如圖





########### ##怎麼讓svg裡面的元素整體寬高等於svg寬高？是透過css還是js？像下面這樣###########################
曾经蜡笔没有小新
曾经蜡笔没有小新

全部回覆 (2)
曾经蜡笔没有小新
曾经蜡笔没有小新2017-05-16 13:29:36 2樓

給svg標籤設定preserveAspectRatio="none"就可以了，具體可以參考張鑫旭的部落格的這篇文章
http://www.zhangxinxu.com/wor...

點贊+0
新增回覆
    为情所困
    为情所困2017-05-16 13:29:36 1樓

    https://css-tricks.com/scale-...

    點贊+0
    新增回覆
      熱門專題
      更多>
      熱門文章
      熱門教學
      更多>
      相關教學
      熱門推薦
      最新課程
      最新下載
      更多>
      網站特效
      網站源碼
      網站素材
      前端模板
      關於我們 免責聲明 Sitemap
      PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！