<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[C_jian_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/C_jian_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; C_jian_]]></copyright><item><title><![CDATA[vue实现全局 PC 端触摸屏滑动滚动实现]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/151114664</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/151114664</guid><author>C_jian_</author><pubDate>Tue, 02 Sep 2025 15:33:32 +0800</pubDate><description><![CDATA[本文实现了一个PC端触摸屏滑动滚动的全局解决方案，通过监听touch和mouse事件实现流畅的滚动效果。主要功能包括：1) 检测可滚动容器；2) 处理单指触摸滑动；3) 支持水平和垂直方向滚动；4) 防止文本选择干扰；5) 兼容鼠标拖动。代码通过状态管理跟踪触摸位置、滚动元素和拖动状态，并优化了事件处理（移除旧监听、阻止默认行为）。当检测到有效滑动（&gt;5px）时，会动态调整滚动位置并禁用文本选择，确保流畅的滚动体验。]]></description><category></category></item><item><title><![CDATA[WPS 加载项]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/144106914</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/144106914</guid><author>C_jian_</author><pubDate>Thu, 28 Nov 2024 12:04:06 +0800</pubDate><description><![CDATA[在wps自定义工具类，实现网页内嵌，使用自定义开发工具类]]></description><category></category></item><item><title><![CDATA[threeJS 实现加载模型 + 页面按钮交互 + 显示css2Renderer标注]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/132718236</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/132718236</guid><author>C_jian_</author><pubDate>Wed, 06 Sep 2023 16:39:37 +0800</pubDate><description><![CDATA[threeJS 实现加载模型 + 页面按钮交互 + 显示css2Renderer标注]]></description><category></category></item><item><title><![CDATA[mindAR.js前端实现.EXE应用程序人脸识别]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/132149655</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/132149655</guid><author>C_jian_</author><pubDate>Mon, 07 Aug 2023 17:09:05 +0800</pubDate><description><![CDATA[使用的**mindAR**，放到程序里面，应用程序用的**NW.js**
有一点一定要用服务，用的**node**搭建一个简单的本地服务，在启动程序之前，执行脚本，
用NW的配置的package访问地址]]></description><category></category></item><item><title><![CDATA[vue2 ，移动端实现SVG拖拽缩放，保持缩放中心点svg-pan-zoom + hammerjs （ 二 ）]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/130931835</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/130931835</guid><author>C_jian_</author><pubDate>Mon, 29 May 2023 17:08:41 +0800</pubDate><description><![CDATA[如果想要某种情况的时候 svg某个坐标去聚焦。1.缩放的同时保持屏幕的中心点不会变，此功能一次一次的优化，这是最终版了就。使用vue，实现SVG的拖拽缩放，2.同时增加某坐标点的聚焦。]]></description><category></category></item><item><title><![CDATA[vue.js 移动端实现，操作面板上下滑动]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/130618894</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/130618894</guid><author>C_jian_</author><pubDate>Thu, 11 May 2023 13:22:40 +0800</pubDate><description><![CDATA[实现一个页面底部的面板 手指点击拖拽可以上下滑动。]]></description><category></category></item><item><title><![CDATA[vue JS 中使用PS导出的SVG 进行坐标转PS，对某个点设置成可视区中心]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/130250447</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/130250447</guid><author>C_jian_</author><pubDate>Wed, 19 Apr 2023 18:32:27 +0800</pubDate><description><![CDATA[在手机上操作SVG，想要对某一个坐标点在屏幕可视区的中间显示]]></description><category></category></item><item><title><![CDATA[vue JS 中操作SVG画布飞出页面可视区]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/130250382</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/130250382</guid><author>C_jian_</author><pubDate>Wed, 19 Apr 2023 18:27:22 +0800</pubDate><description><![CDATA[手指拖拽元素 ，元素飞出可视区处理]]></description><category></category></item><item><title><![CDATA[VUE2 - 移动端（h5）的SVG 缩放拖拽（ 一 ）]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/129633650</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/129633650</guid><author>C_jian_</author><pubDate>Sat, 18 Mar 2023 11:10:49 +0800</pubDate><description><![CDATA[vue -  移动端 - H5 ，内的SVG 缩放 拖拽]]></description><category></category></item><item><title><![CDATA[Vue 中 SVG 动态渲染 包括（绑定事件，修改元素，SVG缩放） 支持PC 移动端]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/129343863</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/129343863</guid><author>C_jian_</author><pubDate>Sun, 05 Mar 2023 11:51:37 +0800</pubDate><description><![CDATA[Vue 中 SVG 动态渲染 包括（绑定事件，修改元素，SVG缩放） 支持PC 移动]]></description><category></category></item><item><title><![CDATA[javaScript 【CAD转jeojson数据在canvas绘制】]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/129297941</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/129297941</guid><author>C_jian_</author><pubDate>Thu, 02 Mar 2023 12:03:49 +0800</pubDate><description><![CDATA[CAD模型jeojson数据绘制在canvas上]]></description><category></category></item><item><title><![CDATA[前端实现网络拓扑]]></title><link>https://blog.youkuaiyun.com/C_jian_/article/details/124166687</link><guid>https://blog.youkuaiyun.com/C_jian_/article/details/124166687</guid><author>C_jian_</author><pubDate>Thu, 14 Apr 2022 11:27:26 +0800</pubDate><description><![CDATA[实现 topo 网络拓扑功能 使用Jtopo  地址
1.引用jtopo地址
&lt;script src="http://www.jtopo.com/download/jtopo-0.9.9_trial-min.umd.js"&gt;&lt;/script&gt;

 npm方式
 npm install -D jtopo2

引用后创建 元素
&lt;div id="divId" style="height:100%;width:100%;"&gt;&lt;/div&gt;

频繁使用的对象名
var ]]></description><category></category></item></channel></rss>