javascript - Comment rendre la largeur et la hauteur des éléments de la balise SVG égales à la largeur et à la hauteur de la balise SVG?

Question

Ma balise svg est entourée d'une boîte p. La largeur et la hauteur du svg sont définies à 100% de la largeur et de la hauteur de la boîte extérieure. Modifiez la largeur et la hauteur de la boîte p. du svg sont toujours les mêmes que la boîte p, mais la balise de chemin à l'intérieur du svg La largeur et la hauteur sont différentes du svg, comme le montre l'image



Comment faire le largeur et hauteur totales des éléments en svg égales à la largeur et à la hauteur du svg ? Est-ce via CSS ou JS ? Comme ça

Answer 1

Définissez simplement préservationAspectRatio="none" pour la balise svg. Pour plus de détails, veuillez vous référer à cet article sur le blog de Zhang Xinxu
http://www.zhangxinxu.com/wor...

.

Answer 2

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