Как установить фоновое изображение для прямоугольника в JointJs?

Question

Как установить атрибут фонового изображения для прямоугольника в приложении JointJs?

Answer 1

Прямоугольник объект не имеет этот атрибут PERSE .... что вы можете сделать, это создать сам объект изображения:

var image = new joint.shapes.basic.Image({ 
    position : { 
     x : 50, 
     y : 40 
    }, 
    size : { 
     width : 16, 
     height : 16 
    }, 
    attrs : { 
     image : { 
      "xlink:href" : "images/background.png", 
      width : 16, 
      height : 16 
     } 
    } 
}); 

graph.addCell(image); 

Тогда вы можете играть, как вам нужно с ATTRS от него, вы можете даже создавать порты и устанавливать стрелки позже, если вы хотите делать диаграммы. Другой способ создать объект прямоугольника, а затем создать этот объект изображения выше в качестве обложки (в случае, если вам нужны конкретные атрибуты от прямоугольника до кода). Расскажите мне, как это происходит.