var circleA = new mojs.Shape({
parent: ".container",
shape: "circle",
left: 0,
fill: "orange",
stroke: "black",
strokeWidth: 5,
isShowStart: true
});
var circleB = new mojs.Shape({
parent: ".container",
shape: "circle",
left: 175,
fill: "orange",
stroke: "red",
radiusX: 80,
strokeWidth: 25,
strokeDasharray: 2,
isShowStart: true
});
var rectA = new mojs.Shape({
parent: ".container",
shape: "rect",
left: 350,
fill: "red",
stroke: "black",
strokeWidth: 5,
isShowStart: true
});
var rectB = new mojs.Shape({
parent: ".container",
shape: "rect",
left: 500,
fill: "blue",
stroke: "blue",
radiusX: 40,
radiusY: 100,
strokeWidth: 25,
strokeDasharray: 20,
isShowStart: true
});
var polyA = new mojs.Shape({
parent: ".container",
shape: "polygon",
top: 300,
left: 0,
fill: "yellow",
stroke: "black",
strokeWidth: 10,
points: 8,
isShowStart: true
});
var polyB = new mojs.Shape({
parent: ".container",
shape: "polygon",
top: 350,
left: 175,
radiusX: 100,
radiusY: 100,
fill: "violet",
stroke: "black",
strokeWidth: 6,
strokeDasharray: "15, 10, 5, 10",
strokeLinecap: "round",
points: 3,
isShowStart: true
});
var lineA = new mojs.Shape({
parent: ".container",
shape: "cross",
top: 350,
left: 375,
stroke: "red",
strokeWidth: 40,
isShowStart: true
});
var zigzagA = new mojs.Shape({
parent: ".container",
shape: "zigzag",
top: 500,
left: 50,
fill: "transparent",
stroke: "black",
strokeWidth: 4,
radiusX: 100,
points: 10,
isShowStart: true
});
var zigzagB = new mojs.Shape({
parent: ".container",
shape: "zigzag",
top: 500,
left: 350,
fill: "blue",
stroke: "transparent",
radiusX: 100,
points: 50,
isShowStart: true
});