- 博客(12)
- 收藏
- 关注
原创 vue实现全局 PC 端触摸屏滑动滚动实现
本文实现了一个PC端触摸屏滑动滚动的全局解决方案,通过监听touch和mouse事件实现流畅的滚动效果。主要功能包括:1) 检测可滚动容器;2) 处理单指触摸滑动;3) 支持水平和垂直方向滚动;4) 防止文本选择干扰;5) 兼容鼠标拖动。代码通过状态管理跟踪触摸位置、滚动元素和拖动状态,并优化了事件处理(移除旧监听、阻止默认行为)。当检测到有效滑动(>5px)时,会动态调整滚动位置并禁用文本选择,确保流畅的滚动体验。
2025-09-02 15:33:32
242
原创 threeJS 实现加载模型 + 页面按钮交互 + 显示css2Renderer标注
threeJS 实现加载模型 + 页面按钮交互 + 显示css2Renderer标注
2023-09-06 16:39:37
2156
原创 mindAR.js前端实现.EXE应用程序人脸识别
使用的**mindAR**,放到程序里面,应用程序用的**NW.js**有一点一定要用服务,用的**node**搭建一个简单的本地服务,在启动程序之前,执行脚本,用NW的配置的package访问地址
2023-08-07 17:09:05
305
原创 vue2 ,移动端实现SVG拖拽缩放,保持缩放中心点svg-pan-zoom + hammerjs ( 二 )
如果想要某种情况的时候 svg某个坐标去聚焦。1.缩放的同时保持屏幕的中心点不会变,此功能一次一次的优化,这是最终版了就。使用vue,实现SVG的拖拽缩放,2.同时增加某坐标点的聚焦。
2023-05-29 17:08:41
2374
3
原创 Vue 中 SVG 动态渲染 包括(绑定事件,修改元素,SVG缩放) 支持PC 移动端
Vue 中 SVG 动态渲染 包括(绑定事件,修改元素,SVG缩放) 支持PC 移动
2023-03-05 11:51:37
5787
1
原创 前端实现网络拓扑
实现 topo 网络拓扑功能 使用Jtopo 地址1.引用jtopo地址<script src="http://www.jtopo.com/download/jtopo-0.9.9_trial-min.umd.js"></script> npm方式 npm install -D jtopo2引用后创建 元素<div id="divId" style="height:100%;width:100%;"></div>频繁使用的对象名var
2022-04-14 11:27:26
3331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅