码迷,mamicode.com
首页 > Web开发 > 详细

jsPlumb填坑记录

时间:2020-08-31 13:15:34      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:记录   his   utf-8   offset   sharp   connector   replace   int   Fix   

  1. jsPlumb instance.reset() 删除连线不起作用,我遇到的情况是,调用jsPlumb的.js文件编码格式是GB2312,另存为UTF-8格式就正常了。。
  2. 连线重绘时错位,通常都是父容器设置了relative定位,而且出现了scroll不可视区域,通过调试找到连线 jtk-connector 和连接点 jtk-endpoint,使用父容器的 scrollLeft 进行修正即可,以下是一段参考代码,用在画线结束后面
            fix_jsPlumb_offset(left) {
                var lines = document.getElementsByClassName("jtk-connector");
                var dots = document.getElementsByClassName("jtk-endpoint");
                this._fix_left(lines, left);
                this._fix_left(dots, left);
            },
            _fix_left(arr, left) {
                for (var i = 0; i < arr.length; i++) {
                    var obj = arr[i];
                    var origin_left = obj.style.left.replace(/px/, "");
                    obj.style.left = (parseInt(origin_left) + parseInt(left)) + ‘px‘;
                }
            }
    

      

jsPlumb填坑记录

标签:记录   his   utf-8   offset   sharp   connector   replace   int   Fix   

原文地址:https://www.cnblogs.com/laozuan/p/13559325.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!