黄小堆

前言 前阵子做svg的项目，要求能实现放大缩小。于是使用了d3.js，但是对于这个技术，现学现用，不是很会。放大缩小的功能是实现了，但是又来了一个新的需求就是给一个按钮，点击后。放大还是缩小的图形能够恢复成原来的样子。实话实说，我又百度看了好多。参考了别人的写法写的，能力渣渣，大牛们勿喷啊！ 直接放代码 html： <div class="full-screen" style="margin-left: 20px;float: right;padding-top: 5px;">

前言 项目需求是要引入svg文件，然后对里面的元素进行赋值，完了之后还要能够让svg放大缩小，点击查看全屏。针对上一篇文章，进行对svg文件里面的元素进行赋值和放大缩小的补充笔记 svg元素赋值 先看看svg文件的代码 思路：我的想法就是循环拿到里面的id，然后跟后台的数据匹配，然后赋值。因为后台返回的数据id是没有后面的_C和_V 的。所以需要我前端的处理。 2. 前端js代码： ...

前言 项目里面用的svg图片比较复杂，还要对里面的元素赋值等等的。在HTML里面有试着用过svg，在vue里面还是第一次尝试。百度了很多要配置webpack.base.conf.js,还要封装组件什么的，但是没有用，那些方法应该是对icon的svg或者简单的svg图片有用吧。后面改变思路，想着能不能组件的形式引入svg文件。静态界面下看看能不能实现，然后在做动态赋值。折腾了一天，还是弄出来了。真...