如何以编程方式选择Fabric.js对象

满天星

我想以编程方式选择Fabrics.js对象。我需要做什么?例如,我要添加两个这样的对象:

var canvas = new fabric.Canvas('canvas');
canvas.add(new fabric.Rect({
    left: 100,
    top: 100,
    width: 75,
    height: 50,
    fill: 'green',
    stroke: 'black',
    strokeWidth: 3,
    padding: 10
  }));

 canvas.add(new fabric.Circle({
    left: 200,
    top: 200,
    radius: 30,
    fill: 'gray',
    stroke: 'black',
    strokeWidth: 3
  }));

我有两个按钮,同时单击名为

  1. 选择矩形
  2. 选择第二个对象

单击“选择矩形”按钮时,应选择矩形形状;单击“选择第二个对象”按钮时,应选择第二个对象圆。

这是解决方法Jsfiddle

我瞪着眼睛厌倦了,在这里我正在寻找如何开始的观点。

编辑

我喜欢每个对象都有一个ID,应该可以使用该ID来选择对象,为什么我要问这个原因,而在使用协作方式时,我们无法确定所有连接的节点是否都具有相同的项目索引,因此唯一ID将很有用。

约翰

是的,您可以通过在all.js中添加以下代码来设置每个项目的ID

在fabric.js构建版本1.3.0中:在对象声明中添加

 var object = {
   id:   this.id,
   remaining properties in all.js
  }

现在,您可以使用以下方法设置对象ID:

canvas.getActiveObject().id=your id value;

您可以使用检索对象ID:

Myid= canvas.getActiveObject().get('id');

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何以编程方式选择Fabric.js对象

来自分类Dev

如何以编程方式触发fabric.js“ object:modified”事件?

来自分类Dev

如何以编程方式正确移动对象?

来自分类Dev

Fabric Js:如何以编程方式创建矩形,只有左上角和右下角的 2 个点?

来自分类Dev

使用Fabric.js以编程方式创建和选择组

来自分类Dev

如何以编程方式创建传单图标类的对象列表?

来自分类Dev

ImageView,如何以编程方式获取可绘制对象的getSrc?

来自分类Dev

如何以编程方式关闭notify.js通知?

来自分类Dev

如何以编程方式调用 JS setter 函数

来自分类Dev

如何使用Fabric JS以编程方式自由绘制?

来自分类Dev

如何以列表或字典(JS方式)存储对象?

来自分类Dev

基本js:如何以“旧”方式向对象添加属性?

来自分类Dev

Grails:如何以编程方式将命令对象数据绑定到服务中的域对象?

来自分类Dev

如何以编程方式向键相同的对象添加对象?

来自分类Dev

如何以编程方式更改文件夹中所有对象的状态?

来自分类Dev

如何以编程方式更改Crystal Report中文本对象的文本

来自分类Dev

如何以编程方式生成到Firebase中存储对象的动态链接?

来自分类Dev

如何以编程方式创建或更改由不同颜色的线条组成的可绘制对象

来自分类Dev

如何以编程方式生成到Firebase中存储对象的动态链接?

来自分类Dev

如何以编程方式从Rails中的AWS S3对象读取元数据?

来自分类Dev

如何以编程方式在 ImageView 中显示多个可绘制对象(带边距)

来自分类Dev

如何以编程方式取消选择ListViewItem?

来自分类Dev

如何以编程方式选择ListView项目?

来自分类Dev

如何以编程方式选择系统字体?

来自分类Dev

如何以编程方式选择radlistview项目

来自分类Dev

如何以编程方式选择ListView项?

来自分类Dev

如何以编程方式选择DbConfigurationType?

来自分类Dev

如何以编程方式选择 jQuery 滑块?

来自分类Dev

如何在fabric.js中选择和拖动对象

Related 相关文章

  1. 1

    如何以编程方式选择Fabric.js对象

  2. 2

    如何以编程方式触发fabric.js“ object:modified”事件?

  3. 3

    如何以编程方式正确移动对象?

  4. 4

    Fabric Js:如何以编程方式创建矩形,只有左上角和右下角的 2 个点?

  5. 5

    使用Fabric.js以编程方式创建和选择组

  6. 6

    如何以编程方式创建传单图标类的对象列表?

  7. 7

    ImageView,如何以编程方式获取可绘制对象的getSrc?

  8. 8

    如何以编程方式关闭notify.js通知?

  9. 9

    如何以编程方式调用 JS setter 函数

  10. 10

    如何使用Fabric JS以编程方式自由绘制?

  11. 11

    如何以列表或字典(JS方式)存储对象?

  12. 12

    基本js:如何以“旧”方式向对象添加属性?

  13. 13

    Grails:如何以编程方式将命令对象数据绑定到服务中的域对象?

  14. 14

    如何以编程方式向键相同的对象添加对象?

  15. 15

    如何以编程方式更改文件夹中所有对象的状态?

  16. 16

    如何以编程方式更改Crystal Report中文本对象的文本

  17. 17

    如何以编程方式生成到Firebase中存储对象的动态链接?

  18. 18

    如何以编程方式创建或更改由不同颜色的线条组成的可绘制对象

  19. 19

    如何以编程方式生成到Firebase中存储对象的动态链接?

  20. 20

    如何以编程方式从Rails中的AWS S3对象读取元数据?

  21. 21

    如何以编程方式在 ImageView 中显示多个可绘制对象(带边距)

  22. 22

    如何以编程方式取消选择ListViewItem?

  23. 23

    如何以编程方式选择ListView项目?

  24. 24

    如何以编程方式选择系统字体?

  25. 25

    如何以编程方式选择radlistview项目

  26. 26

    如何以编程方式选择ListView项?

  27. 27

    如何以编程方式选择DbConfigurationType?

  28. 28

    如何以编程方式选择 jQuery 滑块?

  29. 29

    如何在fabric.js中选择和拖动对象

热门标签

归档