【svg.js】解决svg.js 3.x的select、resize插件报错的问题

最终实现效果

老规矩，先上图：

前言

因项目需求用到svg.js库，刚好需要用到svg.js提供的插件 svg.select.js 和 svg.resize.js 来选择和自由缩放已绘制的SVG元素。因为作者说该插件并未完全支持svg.js 3.x

使用过程中遇到很多坑，翻了很多Issue，看了很多StackOverflow帖子，均无有效的解决方法…在经历6小时的苦苦探索与发现后，终于找到了最终的解决办法，特此记录。

安装版本

package.json:

{
   
  ...
  "dependencies": {
   
    "@svgdotjs/svg.js": "^3.0.16",
    "svg.resize.js": "^1.4.3",
    "svg.select.js": "^3.0.1",
    ...
  },
  ...
}

使用过程

按照官方文档进行安装 npm i svg.select.js，
然后在文件中引用import 'svg.select.js'，然后打开浏览器，发现报一个错