jointjs纸张背景颜色

Question

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

我需要更改论文的背景颜色，但我发现更改.viewport css（例如background-color: #ff0000;）这不会影响svg的外观。

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

感谢

Answer 1

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

|value1| value2| value3| A| value| B |value| C|value  | D | value|
|hello | test  | hmmm  |12| cat  | 13| dog |2 | house | 23| car  |
|hello | test  | hmmm  |5 | lion |   |     |  |       |   |      |
|bye   | test2 | hmm2  |  |      |   |     |6 | wolf  |   |      |

您可以在Jointjs paper documentation.

找到更多信息

Answer 2

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

Answer 3

我在css中更改了svg元素样式以更改纸张背景颜色，它对我有用。这是一个例子。

svg {
    background-color: blue;
}