解决 Svg transform scale（）缩放后元素不在中心点的问题 原地缩放！！！修改缩放中心点

关于 Svg 使用 transform：scale（）缩放后元素发生位移的问题，修改元素缩放中心点

接到一个需求，是公司前辈用 svg 写的代码结构，现在要让画布上的元素在发生改变，放大缩小的时候，保持画布不动，让元素实现原地缩放，让我们现来看看原本的效果是如何的
当我在点击放大或者缩小的时候元素发生了位移，而现在我需要实现的是元素在原地进行放大和缩小的效果。
有试过给 svg 添加 viewBox 属性，这样确实能让元素实现原地的方法和缩小功能，但是，缩放的中心点还是无法改变，而我的项目添加 viewBox 后很奇怪的会引起其他的一些问题，这让我放弃了使用 viewBox 后来在查阅 C3的 transform 属性时 发现了可以设置 scale 的基准点来达到效果。
可以使用 transform-origin 来调整缩放的基准点

// transform-origin
transform-origin: 10p