Javascript jointjs纸张背景色

我正在设计一个使用jointjs绘制图形的UI

我需要更改纸张的背景色，但我发现更改.viewport css（例如

背景色：#ff0000；

）不会影响svg的外观

如何在jointjs纸张的背景中添加颜色

---

谢谢

纸张只是一个普通的HTML

元素，因此您可以在该

元素上设置

背景色：#ff00000

，而不是在内部

元素上。viewport

SVG

元素。

我更改了css中的SVG元素样式，以更改纸张背景色，这对我很有效。这里有一个例子

svg{
背景颜色：蓝色；
}

初始化纸张时，向纸张添加背景选项

var paper = new joint.dia.Paper({
    background: {
       color: '#ff0000'
    }                                                                         
});

---

您可以在

中找到更多信息，创建一个与视口大小相同的矩形，并将其设置为您想要的颜色。@RobertLongson谢谢您的回答。我不认为这是一个干净的方法，这意味着我应该在调整大小等情况下跟踪另一个单元格。你确定没有其他方法可以做到这一点吗？谢谢，谢谢。我在第一次实现中使用了这种方法，但它存在问题。例如，在窗口调整div大小的情况下，获得一个相对大小，而svg将保持在确切的、定义的大小，在超出div空间的情况下保持不变。要添加到这一点，您可以在创建后使用

paper.drauckground（{color:'your_color'}）动态更改背景。看见