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

Question

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

Answer 1

矩形对象本身没有该属性....您可以做的是创建一个图像对象本身：

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);

然后你可以根据需要玩它的属性，如果你想做图表，你甚至可以稍后创建端口和设置箭头。另一种方法是创建一个矩形对象，然后在上面创建这个图像对象作为封面（以防您需要从矩形到代码的特定属性）。告诉我它是怎么回事。