相关疑难解决方法(0)

Fabricjs检测对象路径上的鼠标

object:over只有当鼠标位于形状本身而不是包含它的假想方块上时,是否可以在Fabric.js中捕获?

我有一个jsFiddle演示,它包含一个U形.你可以看到即使我把指针放在U里面而没有碰到任何一条线,它仍然会将它检测为一个object:over事件.

在此输入图像描述

使用Javascript:

var canvas = new fabric.Canvas("c1", {
    isDrawingMode: false
});

canvas.loadFromJSON(objectsJson, function () {
    canvas.renderAll();
});

canvas.on("object:over", function () {
    console.log("object over");
});
canvas.on("object:out", function () {
    console.log("object out");
});

// code to capture mouse over object while isDrawingMode = false
canvas.findTarget = (function (originalFn) {
    return function () {
        var target = originalFn.apply(this, arguments);
        if (target) {
            if (this._hoveredTarget !== target) {
                canvas.fire('object:over', { target: target });
                if (this._hoveredTarget) {
                    canvas.fire('object:out', { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery html5-canvas fabricjs

6
推荐指数
1
解决办法
5423
查看次数

标签 统计

fabricjs ×1

html5-canvas ×1

javascript ×1

jquery ×1