【问题标题】:fabric.js: object:selected in PathGroupfabric.js:对象:在 PathGroup 中选择
【发布时间】:2012-01-13 01:17:48
【问题描述】:

对不起, 在 fabric.js 中使用 PathGroup 时遇到问题。我将三个对象添加到 PathGroup 并将此 PathGroup 添加到画布。然后我观察对象:选定事件。当用户选择三个对象之一时,我无法判断 e.memo.target 选择了哪一个(它引用了这个 PathGroup 对象)。我使用 PathGroup 是因为它更便于移动对象。我的示例代码如下:

canvas.observe('object:selected', function(e) {

              var objs = e.memo.target.getObjects();

              for(var i=0; i<objs.length; i++){
                  ...                    
                }
              }
            });  

感谢您的帮助! html5starter

【问题讨论】:

    标签: javascript html5-canvas fabricjs


    【解决方案1】:

    我认为这样的事情可能会起作用(如果您使用 >=0.7.1),但它不起作用:/

    如果您使用常规对象而不是 PathGroup 中的对象,这将起作用(因为它们遵循稍微不同的规则——相对于组本身呈现,并且它们的坐标也相对于组)。

    canvas.observe('object:selected', function(e) {
      for (var objects = e.memo.target.getObjects(), i = objects.length; i--; ) {
        objects[i].setCoords();
        if (canvas.containsPoint(e.memo.e, objects[i])) {
          console.log(objects[i])  
        }
      }
    });
    

    【讨论】:

    • 嗨,kangax:我知道了,非常感谢! html5Starter
    • 你有没有让这个工作?我正在导入一个 svg,其中包含我需要能够单独选择的子元素。
    • 不,没有机会再看一遍。
    猜你喜欢
    • 2013-11-25
    • 2013-12-18
    • 2013-09-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-24
    • 2021-08-09
    相关资源
    最近更新 更多