from

NavEdge库的 from 方法允许程序员在创建导航边时，指定起点对象（即被选中的元素）。该方法仅针对有方向性的导航边。

语法

const navEdge = NavEdge.from(startElement, endElement, options);

• startElement: 必须，表示导航边的起点元素，可以是 DOM 节点或者是一个选择器。如果给定的是选择器，NavEdge库将通过querySelectorAll()方法查找与其匹配的所有元素中的第一个元素来作为起点或终点。
• endElement: 必须，表示导航边的终点元素，同样可以是 DOM 节点或选择器字符串。
• options: 可选，一个包含导航边配置选项对象。

示例

<div class="start"></div>

<div class="end"></div>

const startElement = document.querySelector('.start');
const endElement = document.querySelector('.end');

NavEdge.from(startElement, endElement, {
  color: 'red',
  width: 2
});

参数说明

• startElement：指定导航边的起点元素。
• endElement：指定导航边的终点元素。
• options：可选的配置选项对象。
• options.color：导航边的颜色，默认为 "black" 。
• options.width：导航边的宽度，默认为 1 。
• options.curve：导航边的自定义曲线函数，可以用来创建非常规的导航路线。默认为 null 。

返回值

• 返回生成的导航边对象。

异常

• 如果 startElement 为 null 或者 undefined，将会抛出一个 TypeError 错误。
• 如果 endElement 为 null 或者 undefined，将会抛出一个 TypeError 错误。

示例

<div class="start"></div>

<div class="end"></div>

const startElement = document.querySelector('.start');
const endElement = document.querySelector('.end');

NavEdge.from(startElement, endElement, {
  color: 'red',
  width: 2
});

在上面的示例中，我们使用 querySelector() 方法选择了文档中的 .start 和 .end 元素，并创建了具有红色颜色和宽度为 2 像素的导航边。