const ElementStyleModule = {
__init__: [
['defaultRenderer', function (defaultRenderer) {
// override default styles
defaultRenderer.CONNECTION_STYLE = { fill: 'none', strokeWidth: 5, stroke: '#000' };
defaultRenderer.SHAPE_STYLE = { fill: 'white', stroke: '#000', strokeWidth: 2 };
defaultRenderer.FRAME_STYLE = { fill: 'none', stroke: '#000', strokeDasharray: 4, strokeWidth: 2 };
}]
]
};
// default modules provided by the toolbox
const builtinModules = [
ConnectModule,
ContextPadModule,
CreateModule,
LassoToolModule,
ModelingModule,
MoveCanvasModule,
MoveModule,
OutlineModule,
PaletteModule,
ResizeModule,
RulesModule,
SelectionModule,
ZoomScrollModule
];
const customModules = [
ElementStyleModule
];
var container = document.getElementById("container")!
console.log(container)
var diagram = Diagram({
canvas: {
container
},
modules: [
builtinModules,
customModules,
]
});
const canvas = diagram.get('canvas');
console.log(canvas)
const elementFactory = diagram.get('elementFactory');
// add root
var root = elementFactory.createRoot();
canvas.setRootElement(root);
// add shapes
var shape1 = elementFactory.createShape({
x: 150,
y: 100,
width: 100,
height: 80
});
canvas.addShape(shape1, root);
Hi, I get a type error undefined when creating the diagram :
Any advice for me ?
Thanks in advance