我有两组测验。
第一组是正确的,但第二组没有显示两点之间的线。
用户单击左侧的点并单击右侧的点,然后 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)