小编Hun*_*one的帖子

用jquery函数逐行连接两个div

我有两组测验。
第一组是正确的,但第二组没有显示两点之间的线。

用户单击左侧的点并单击右侧的点,然后 JavaScript 会创建一条从第一个元素到第二个元素的“画布”线。(我为我的英语道歉,这是我的第二语言)

在此处输入图片说明

(function($) {
  $.fn.connect = function(param) {
    var _canvas;
    var _ctx;
    var _lines = new Array(); //This array will store all lines (option)
    var _me = this;
    var _parent = param || document;
    var _lengthLines = $(_parent + ' .group1 .node').length;
    var _selectFirst = null;
    //Initialize Canvas object

    _canvas = $('<canvas/>')
      .attr('width', $(_me).width())
      .attr('height', $(_me).height())
      .css('position', 'absolute');
    $(_parent).prepend(_canvas);
    //$(_canvas).insertBefore(_parent);
    this.drawLine = function(option) {
      //It will push line to array.
      _lines.push(option);
      this.connect(option);

    };

    this.drawAllLine = function(option) { …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

8
推荐指数
1
解决办法
1880
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1