vue使用svg文件补充-svg放大缩小操作(使用d3.js)

项目需求是要引入svg文件，然后对里面的元素进行赋值，完了之后还要能够让svg放大缩小，点击查看全屏。主要svg文件的操作，貌似做的不多，基本都是svg简单的icon或者img的使用。D3.js堪称SVG中的jQuery，让SVG图操作起来更加灵活，更加方便调试。D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。D3 可以将数据绑定到 DOM 上，然后根据数据来计算对应 DOM 的属性值。或者也可以生成一个可以过渡和交互的 SVG 图形。D3 不是一个框架，因此也没有操作上的限制。D3 的运行速度很快，支持大数据集和动态交互以及动画。