如何在 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);

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