import FlowGraph from "../../../graph";
|
|
import { getImg } from '@/utils/util'
|
|
const tryToJSON = (val) => {
|
try {
|
return JSON.parse(val)
|
} catch (error) {
|
return val
|
}
|
}
|
|
export default class GridOption {
|
// 绘制网格
|
static gridOpt(globalGridAttr) {
|
let options
|
if (globalGridAttr.type === 'doubleMesh') {
|
options = {
|
type: globalGridAttr.type,
|
args: [
|
{
|
color: globalGridAttr.color,
|
thickness: globalGridAttr.thickness,
|
},
|
{
|
color: globalGridAttr.colorSecond,
|
thickness: globalGridAttr.thicknessSecond,
|
factor: globalGridAttr.factor,
|
},
|
],
|
}
|
} else {
|
options = {
|
type: globalGridAttr.type,
|
args: [
|
{
|
color: globalGridAttr.color,
|
thickness: globalGridAttr.thickness,
|
},
|
],
|
}
|
}
|
const { graph } = FlowGraph
|
graph.drawGrid(options)
|
}
|
|
// 设置网格大小
|
static setGridSize(globalGridAttr) {
|
const { graph } = FlowGraph
|
graph.setGridSize(globalGridAttr.size)
|
}
|
|
// 获取网格大小
|
static getGridSize() {
|
const { graph } = FlowGraph
|
graph.getGridSize()
|
}
|
|
// 重绘背景
|
static backGroundOpt(globalGridAttr) {
|
const options = {
|
color: globalGridAttr.bgColor,
|
// image: globalGridAttr.showImage ? 'https://gw.alipayobjects.com/mdn/rms_f8c6a0/afts/img/A*o-MuTpQaj7EAAAAAAAAAAABkARQnAQ' : undefined,
|
image: globalGridAttr.showImage ?getImg('logo.png') : undefined,
|
// image: undefined,
|
repeat: globalGridAttr.repeat,
|
angle: globalGridAttr.angle,
|
size: tryToJSON(globalGridAttr.bgSize),
|
position: tryToJSON(globalGridAttr.position),
|
opacity: globalGridAttr.opacity,
|
}
|
const { graph } = FlowGraph
|
graph.drawBackground(options)
|
}
|
|
// 是否显示网格
|
static isShowGrid({ showGrid }) {
|
const { graph } = FlowGraph
|
if(showGrid) {
|
graph.showGrid()
|
} else {
|
graph.hideGrid()
|
}
|
}
|
}
|
