如何在JointJs中设置矩形的背景图像？

Question

如何在JointJs应用程序中为矩形设置背景图像属性？

Answer 1

Rectangle对象没有那个属性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。）告诉我它是怎么回事。