最近我开始涉足SVG技术,目前正在尝试在用户悬停时将一个菱形变形成圆形。
我在CSS Tricks上找到了这个教程。
我注意到他们使用的是点来进行动画,但我的SVG图形是:
<circle cx="49.873" cy="50.155" r="49.845"/>
并且
<rect x="15.211" y="14.798" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -20.8426 50.3112)" width="70.198" height="71.034"/>
有没有办法做到这一点?我该如何获取这些形状的点,以便我可以按照 CSS Tricks 教程进行操作?