javascript - Bagaimana untuk menjadikan lebar dan tinggi elemen dalam teg svg sama dengan lebar dan ketinggian teg svg?

Question

Tag svg saya dibalut dengan kotak p Lebar dan tinggi svg ditetapkan kepada 100% daripada lebar dan tinggi kotak luar Ubah suai lebar dan tinggi kotak p daripada svg sentiasa sama dengan kotak p, tetapi tag laluan di dalam svg Lebar dan ketinggian adalah berbeza daripada svg, seperti yang ditunjukkan dalam gambar




lebar dan tinggi keseluruhan elemen dalam svg sama dengan lebar dan tinggi svg? Adakah melalui css atau js? Macam ni

🎜🎜🎜

Answer 1

Hanya tetapkan preserveAspectRatio="none" untuk teg svg Untuk butiran, sila rujuk artikel ini di blog Zhang Xinxu
http://www.zhangxinxu.com/wor...

Answer 2

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