jointjs纸张背景颜色

Question

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

我需要更改纸张的背景颜色，但我发现更改svg (例如background-color: #ff0000; )并不会影响.viewport的外观。

如何在jointjs Paper的背景中添加颜色？

谢谢

Answer 1

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

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

你可以在Jointjs paper documentation.上找到更多信息

Answer 2

论文只是一个普通的HTML <div>元素，所以您可以在该<div>元素上设置background-color: #ff00000，而不是在内部的.viewport SVG <g>元素上设置。

Answer 3

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

svg {
    background-color: blue;
}