ryder_yan-优快云博客

原创 vue3使用svg绘制节点与节点之间的连线（流程图）

通过svg实现流程图中的节点连线

2025-02-08 16:03:39 1077

原创 Vue2 使用 threejs 导入建模实现炫酷登录页

本文讲介绍如何通过Vue2实现导入3D模型和小陨石飞行效果的登录页通过本篇文章你将会学习到1.vue ui 项目创建过程2.登录页面的实现3.路由拦截实现4.基础的threejs知识5.threejs如何导入3d建模6.threejs 如何实现动画效果。

2024-01-29 18:04:05 2763 1

原创 echarts 中国地图开发第四章缩放与拖拽

为了解决这个问题，将 roam 配置在series层中，并赋监听事件，改变geo层。最大的问题是如果将其放在geo层拖拽会导致geo与series层分离。上期回顾：上期讲述了如何下钻，本期将讲述如何使地图进行拖拽。能优化拖拽时的效果，使动画卡顿感降低。拖拽使用到的最重要的配置项为。

2024-01-24 14:38:40 1957

原创 echarts中国地图开发第三章下钻与返回

上期回顾：上期文章讲解了如何在地图上打点与连线，本章将讲述如何实现双击下钻与tip标签返回上级。本期将使用到的素材有 `chinaProvince.js` `省级JSON` 和 `市级JSON` 文件，JSON素材可以私聊我或者评论区百度云下载。下钻其实就是JSON文件的替换与刷新，实现过程如下，完整代码在最底下，感谢支持！

2024-01-22 15:43:50 1901 1

第四步连线，连线需要连线数据格式为[[开始经纬度],[结束经纬度]] 与 series 中添加。series中添加 lines，status为1时连线为蓝色 0为红色。上期回顾：上期渲染出了中国地图，并且为地图增加了贴图与双层效果。文件中的 cp 字段获取，正常的开发中经纬度会由后端接口返回。本章讲描述如何打点与连线，最底下有完整的代码。第二步在 series 数组中添加。别忘了在mounted 中调用函数。第一步在 data 中声明。代码中的经纬度将会通过。获取，结束位置为北京。

2024-01-22 10:25:12 2469

原创 echarts 中国地图开发第一章地图渲染与背景添加

中的引入 echars 和地图JSON china.json 文件。1.为地图增加了背景图片，通过创造img标签后并添加图片路径，并在。为偏移量，geo层 y 轴偏移 0.5 可以使地图有两层的效果。使用框架为Vue2，开发地图大屏，包含的内容有。data中声明 chart 和 options。中增加 id为china 的div。此时地图就渲染完成了！

2024-01-19 17:34:27 1783 3

原创 threejs学习，GUI控制面板更改dom后问题记录

threejs 学习文章

2023-10-17 14:38:25 396 1

原创【前端懒人计划一】代码生成器：从接口复制data 直接生成vue 需要定义的data格式和赋值格式代码

因为最近写业务经常需要通过接口data里的参数去定义 vue data 值和手动写 this.xxx.xxx = res.xxx.xxx 这种类型的代码，繁琐又乏味，故而想到直接通过js去生成相关代码，减少此处的耗时去做更有意义的事情。在js文件路径下运行指令为 node 文件名.js。把此处的值cv到你的vue代码里就行啦！需要环境 NodeJS。

2023-08-17 16:36:14 254