logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue动态加载SVG文件并修改节点数据

先上一个马赛克图片叭。接领导需求,动态实现电路图, 并附带放大、缩小功能、 以及不同的回路点击能弹窗显示相关节点的更多信息,通俗一点讲: 随着用户点击放大和缩小, 点击位置保持不变,而且能实现点击交互。初接触的时候,觉得根本没法下手呀,说说自己的思路叭,从随着用户点击放大缩小位置不变,想到了SVG 但是需要动态加载进来呀,而且还需要需求不同节点的电流值,从放大缩小来看, 首先想到的是 D3在集合领

vue动态加载SVG文件并修改节点数据

先上一个马赛克图片叭。接领导需求,动态实现电路图, 并附带放大、缩小功能、 以及不同的回路点击能弹窗显示相关节点的更多信息,通俗一点讲: 随着用户点击放大和缩小, 点击位置保持不变,而且能实现点击交互。初接触的时候,觉得根本没法下手呀,说说自己的思路叭,从随着用户点击放大缩小位置不变,想到了SVG 但是需要动态加载进来呀,而且还需要需求不同节点的电流值,从放大缩小来看, 首先想到的是 D3在集合领

到底了