css 响应SVG可以在不缩放的情况下重新定位元素吗?

pdkcd3nj  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(110)

给出这个简单的SVG:
第一个
我想做的,我不确定SVG能不能做到,是如果用css我把我的svg放大3倍(60 px =〉180 px),它会占用整个空间,但不是做一个简单的缩放/缩放,就像当保持纵横比时发生的效果。我需要保持我的圆圈半径为5 px,只是增加它们之间的空间。
从这个x1c 0d1x到这个

mwyxok5s

mwyxok5s1#

正如@ccprog所评论的:基元<rect><circle><ellipse><line>支持百分比值。
padding应用于父SVG以设置固定的x和y偏移量(例如,10 px/SVG用户单位)。
第一个
您还可以通过在<symbol>元素中环绕路径来为<path>元素应用百分比值(第二个示例)。

相关问题