jtopo
_let
要么孤独,要么庸俗
展开
-
在项目中引入本地自己创建的包(在模块化项目中使用 jtopo)
引入本地自己创建的包昨天有位群友问我怎么在项目中通过 npm install 命令安装 jtopo?据我所知,jtopo 并没有提供 npm 包可下载,于是就有了这个记录~~~记录一个完整的过程:从零开始写一个简单的包,然后在项目中引用。创建一个简单的包首先,新建一个文件夹 npm-demo,在文件夹中新建文件 index.js,并写入下面内容:;(function (global, f...原创 2019-01-10 16:15:46 · 4146 阅读 · 1 评论 -
Jtopo 正确的添加自定义属性
在使用 Jtopo 的过程中,有时候我们需要自定义一些属性来帮我们完成某些功能在最开始的时候,我是直接添加的自定义属性: LockNode = new JTopo.Node(); LockNode.myType = "device"; // 自定义属性这样直接添加在使用时好像也什么毛病…console.log(LockNode.myType); // "device...原创 2018-04-20 10:37:39 · 3750 阅读 · 6 评论 -
jtopo限制滚轮缩放范围,zoomOut()与zoomIn()缩放限制
想要给jtopo的场景缩放加上限制,首先需要找到源代码中控制缩放的代码: // 在源码里ctrl+F搜索 onmousewheel 就能找到以下代码 function l(a) { var b = d(a); // 原滚轮缩放 a.preventDefault();原创 2017-12-11 16:40:20 · 10101 阅读 · 3 评论 -
页面引入jtopo后,键盘方向键事件无用解决方法
在给场景加上搜索功能后,测试发现,输入框的方向键没有用了。。一检查发现问题出在 jtopo 文件上ctrl + F 搜索 keyCode 就找到了以下代码 function m(b) { a.util.isIE || !window.addEventListener ? (b.onmouseout = f, b.onmouseover = e,原创 2017-12-19 09:19:10 · 709 阅读 · 0 评论 -
jtopo createStageFromJson 与 toJson的使用(导出json数据并下载为txt文件)
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/> <title>jTopo JSON导出为txt文件,并下原创 2017-12-26 11:54:46 · 2645 阅读 · 1 评论 -
jtopo节点文字换行
// 在jtopo 生成前,粘贴以下代码CanvasRenderingContext2D.prototype.wrapText = function(str,x,y){var textArray = str.split('\n');if(textArray==undefined||textArray==null)return false;var rowCnt = textArray.length转载 2017-12-25 09:51:48 · 3429 阅读 · 1 评论 -
jtopo 比例尺功能
HTML <!-- 比例尺 --> <div> <span class="scaleShowValue">1m</span> <div class="scaleShow" style="display:inline-block;width: 100px;height: 6px; border-bottom: 2px solid #666;border原创 2017-12-15 16:29:34 · 1069 阅读 · 1 评论 -
jtopo 告警 Alarm 换行 demo
&lt;!DOCTYPE html &gt;&lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;title&gt;JTOPO 告警alarm文字换行demo&lt;/t转载 2017-12-14 15:41:37 · 2460 阅读 · 1 评论 -
jtopo 实现调用saveImageInfo()方法直接下载图片
首先找到源代码里的saveImageInfo 方法 this.saveImageInfo = function (a, b) { var c = this.eagleEye.getImage(a, b), d = window.open("about:blank");原创 2017-12-13 17:00:52 · 2013 阅读 · 0 评论 -
jtopo 把节点做成背景图效果
需求:导入CAD户型图,作为场景的背景图,可跟随场景缩放,但位置固定不变(在图上拖动改变场景的位置而不是改变户型图的位置)。思考一:简单点,直接把户型图作为jtopo场景的背景图片 var canvas = document.getElementById('canvas'); var stage = new JTopo.Stag原创 2017-12-12 18:02:09 · 3156 阅读 · 3 评论 -
关于jtopo缩放后在拖拽结束位置生成节点
拖拽结束后应该获取鼠标在jtopo场景scene位置,而不是鼠标在canvas的位置 //拖拽开始 var evId; function drag(ev){ if(Browser.name == "FF"){ console.log(ev.dataTransfer.setData("imgInfo", ev.target.id)); // 火狐原创 2017-12-11 15:30:38 · 2348 阅读 · 10 评论 -
改写jtopo滚轮缩放代码
问题原生的jtopo滚轮缩放在mac上用触控板触发时,会出现疯狂缩放的现象,同时还会触发浏览器的默认事件(页面前进、页面后退)原创 2017-11-15 11:53:08 · 1920 阅读 · 1 评论 -
jtopo 折叠与展开子节点
jtopo 折叠与展开子节点通过对象记录状态,简单实现功能:var foldOpenStatus = {}; // 记录折叠状态function foldOpen(e){ // 折叠展开 var thisNode = e.target.text; // 第一层以当前节点名称为 key 区分折叠状态 var tarlink = e.target.outLinks; ...原创 2019-04-09 17:36:10 · 1862 阅读 · 1 评论