文章目录
一、设置背景
二、设置网格
https://resources.jointjs.com/docs/jointjs/v2.2/joint.html#dia.Paper.prototype.options.drawGrid
1. 网格背景
在构造Paper的时候,设置drawGrid:true
就可以出现点状网格背景,如果看不清,可以把gridSize
设大一些。
网格背景可以使你移动元素的时候,以网格单元为长度单位移动。
var paper = new joint.dia.Paper({
el: document.getElementById('myholder'),
model: graph,
width: 600,
height: 100,
gridSize: 10,
drawGrid: true,
background: {
color: 'rgba(0, 255, 0, 0.3)'
}
})