小编AV8*_*6NL的帖子

为非相邻关键字选择2自定义匹配器

我在我的应用程序中使用Select2以允许搜索大约1200个选项的下拉列表.

我目前正在使用Select2的匹配器的默认实现,只要关键字在搜索结果中相邻,它就可以正常工作:

function(term, text) { return text.toUpperCase().indexOf(term.toUpperCase())>=0; }
Run Code Online (Sandbox Code Playgroud)

例如,搜索'stackoverflow question'会返回选项'Stackoverflow关于Select2的问题'

然而,我会希望匹配器根据非相邻关键字返回结果.例如,我也希望它在搜索'stackoverflow select2'时返回上面的选项.

是否有人知道如何创建自定义匹配器以允许此行为?

javascript jquery-select2

4
推荐指数
2
解决办法
3520
查看次数

在 Konva.js 中调整和旋转具有相同锚点的线

我正在使用 Konva.js 对浏览器中的数据可视化进行注释。一个常见的用例是在形状(矩形、椭圆)与其描述(文本节点)之间画线。用户需要拖动、旋转和调整线条的大小。调整大小仅限于线宽。

线路及其变压器目前正在添加如下:

var line = new Konva.Line({
    x: stage.getWidth() / 2,
    y: stage.getHeight() / 2,
    points: [0, 0, 100, 0],
    stroke: '#000',
    strokeWidth: 3,
    lineCap: 'round',
    lineJoin: 'round',
    draggable: true,
    id: id,
    strokeScaleEnabled: false,
    hitStrokeWidth: 15
});

layer.add(line);

var tr = new Konva.Transformer({
    node: line,
    enabledAnchors: ['middle-left', 'middle-right']
});

layer.add(tr);
Run Code Online (Sandbox Code Playgroud)

目前正确定位一条线不是很直观,因为它需要用户使用旋转、左中和右中锚分别旋转和调整线的大小。

相反,我正在寻找一种使用左中和右中锚同时旋转和调整线条大小的方法。我对此的灵感来自 PowerPoint - 线条两端只有锚点,可用于同时调整大小和旋转:

PowerPoint 中的线条

我尝试在 Konva 的 Transformer _handleMouseMove 函数中组合旋转器和中左/中右功能,但这并没有按预期工作。

有没有人可能找到了一种使用左右锚同时做这两件事的方法?

konvajs

2
推荐指数
1
解决办法
1824
查看次数

标签 统计

javascript ×1

jquery-select2 ×1

konvajs ×1