如何仅通过Fabric.js单击实际内容来选择对象

dapengguai

我想通过单击实际内容来选择对象。因此,我perPixelTargetFind=true在引言中的段落中设置了和:

“默认情况下,Fabric可以通过边界框拖动画布上的所有对象。但是,如果要执行其他操作-仅按对象的实际内容单击/拖动对象,则可以perPixelTargetFind在对象上使用“ ”属性。只需将其设置为true即可得到所需的行为。”

这样,我可以按实际内容拖动对象,但是仍然可以通过单击边界区域来选择对象。

是否可以仅按对象的实际内容单击对象?

Nevin Madhukar K.

这就是你想要的吗?

for (var i = 0, len = 15; i < len; i++) {
    fabric.Image.fromURL('../assets/ladybug.png', function(img) {
        img.set({
            left: fabric.util.getRandomInt(0, 600),
            top: fabric.util.getRandomInt(0, 500),
            angle: fabric.util.getRandomInt(0, 90)
        });

        img.perPixelTargetFind = true;
        img.targetFindTolerance = 4;
        img.hasControls = img.hasBorders = false;

        img.scale(fabric.util.getRandomInt(50, 100) / 100);

        canvas.add(img);
    });
}

基本上,您将perPixelTargetFind分配为true,而(hasControlshasBorders)则为false。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Powershell格式表或选择对象仅显示最佳结果

来自分类Dev

如何通过子属性选择对象

来自分类Dev

仅通过单击鼠标左键来选择ListView项

来自分类Dev

Linq通过从两个int类型的列表中进行比较来选择对象

来自分类Dev

如何仅通过单击提交按钮来提交表单

来自分类Dev

角材料:如何通过仅单击复选框来选择表行?

来自分类Dev

在Fabric JS中取消选择对象

来自分类Dev

Fabric.js-仅通过边框选择

来自分类Dev

如何指定/选择对象的特定属性

来自分类Dev

如何根据键值选择对象-VueJS

来自分类Dev

我如何通过Fabric下载内容

来自分类Dev

无法通过变量ID,使用参数,模板以及每个循环来选择对象名称

来自分类Dev

仅通过单击鼠标左键来选择ListView项

来自分类Dev

从列表中选择对象o按最小属性选择对象,仅当对象具有邻居时

来自分类Dev

通过对象属性选择对象的Numpy数组

来自分类Dev

ThreeJS如何选择对象的交点颜色

来自分类Dev

通过选择对象和色彩匹配来裁剪图像

来自分类Dev

Fabric JS右键单击选择对象

来自分类Dev

Fabric.js-如何在不释放鼠标键的情况下取消选择对象并选择组

来自分类Dev

如何仅通过r中的[]选择子集?

来自分类Dev

面向对象的D3 JS-如何选择对象?

来自分类Dev

Angular 2 - 英雄之旅:如何通过仅选择 <li> 来获取对象信息

来自分类Dev

Javascript:仅选择对象中的某些属性

来自分类Dev

如何按功能选择对象?

来自分类Dev

如何使用变量通过键选择对象节点

来自分类Dev

如何仅通过单击关闭弹出窗口?

来自分类Dev

如何通过另一个对象的字段选择对象

来自分类Dev

如何通过单击选择元素(Vue.js)的选项项来触发操作?

来自分类Dev

如何仅通过单击下一个和上一个按钮来更改轮播的内容?

Related 相关文章

  1. 1

    Powershell格式表或选择对象仅显示最佳结果

  2. 2

    如何通过子属性选择对象

  3. 3

    仅通过单击鼠标左键来选择ListView项

  4. 4

    Linq通过从两个int类型的列表中进行比较来选择对象

  5. 5

    如何仅通过单击提交按钮来提交表单

  6. 6

    角材料:如何通过仅单击复选框来选择表行?

  7. 7

    在Fabric JS中取消选择对象

  8. 8

    Fabric.js-仅通过边框选择

  9. 9

    如何指定/选择对象的特定属性

  10. 10

    如何根据键值选择对象-VueJS

  11. 11

    我如何通过Fabric下载内容

  12. 12

    无法通过变量ID,使用参数,模板以及每个循环来选择对象名称

  13. 13

    仅通过单击鼠标左键来选择ListView项

  14. 14

    从列表中选择对象o按最小属性选择对象,仅当对象具有邻居时

  15. 15

    通过对象属性选择对象的Numpy数组

  16. 16

    ThreeJS如何选择对象的交点颜色

  17. 17

    通过选择对象和色彩匹配来裁剪图像

  18. 18

    Fabric JS右键单击选择对象

  19. 19

    Fabric.js-如何在不释放鼠标键的情况下取消选择对象并选择组

  20. 20

    如何仅通过r中的[]选择子集?

  21. 21

    面向对象的D3 JS-如何选择对象?

  22. 22

    Angular 2 - 英雄之旅:如何通过仅选择 <li> 来获取对象信息

  23. 23

    Javascript:仅选择对象中的某些属性

  24. 24

    如何按功能选择对象?

  25. 25

    如何使用变量通过键选择对象节点

  26. 26

    如何仅通过单击关闭弹出窗口?

  27. 27

    如何通过另一个对象的字段选择对象

  28. 28

    如何通过单击选择元素(Vue.js)的选项项来触发操作?

  29. 29

    如何仅通过单击下一个和上一个按钮来更改轮播的内容?

热门标签

归档