对于zrender绘制path事件监听范围过大?

生成一个爱心,为什么事件监听范围会扩大,不在图形内点击也会触发事件,github了解到是因为生成的默认rect过大,issus的解决方案也不能解决这个问题/

   var zr = zrender.init(document.getElementById('main'));
        var path = new zrender.path.createFromString(`M 10,30 A 20, 20 0, 0, 1 50, 30 A 20, 20 0, 0, 1 90, 30Q 90, 60 50, 90Q 10, 60 10, 30 z`,
            {
                cursor: 'pointer',
                style: {
                    fill: 'red',
                    stroke: 'blue',
                    cursor: 'pointer'
                }
            },
            onclick = function () {
                console.log('click');
            }
        )

        zr.add(path);
阅读 1.9k
1 个回答
var zr = zrender.init(document.getElementById('main'));
var path = new zrender.path.createFromString(`M 10,30 A 20, 20 0, 0, 1 50, 30 A 20, 20 0, 0, 1 90, 30Q 90, 60 50, 90Q 10, 60 10, 30 z`,
    {
        cursor: 'pointer',
        draggable: true,
        style: {
            fill: 'red',
            stroke: 'blue'
        },
        ondrag: function () {
            console.log('click');
        }
    }
)

zr.add(path);
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题