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

然后你就可以根据需要使用它的属性，如果你想做图表，你甚至可以稍后创建端口并设置箭头。另一种方法是创建一个矩形对象，然后在上面创建这个图像对象作为封面(如果您需要从矩形到代码的特定属性)。告诉我它是如何进行的。