When adding DrawRect or DrawSector to DrawGroup they are not displayed. Other drawItems like DrawLabel etc are working as expected.
See the code below. It displays the attached screenshot. The first row shows normal drawItems, the second row shows the drawItems as elements of a drawGroup and the DrawRect and DrawSector are not displayed.
What can be done to display DrawRect and DrawSector as drawItemes of a DrawGroup?
See the code below. It displays the attached screenshot. The first row shows normal drawItems, the second row shows the drawItems as elements of a drawGroup and the DrawRect and DrawSector are not displayed.
What can be done to display DrawRect and DrawSector as drawItemes of a DrawGroup?
Code:
isc.VLayout.create({
id: "drawPaneLayout",
autoDraw: true,
height: "100%",
width: "100%",
members: [
isc.DrawPane.create({
ID: "drawPane",
autoDraw: false,
cursor: "default",
height: "100%",
drawItems: [
isc.DrawRect.create({
id: "drawPaneRect",
width: 40,
height: 40,
left: 10,
top: 10
}),
isc.DrawLabel.create({
id: "drawPaneLabel",
contents: "test",
top: 10, left: 110
}),
isc.DrawLine.create({
id: "drawPaneLine",
startPoint: [210, 10],
endPoint: [260, 30]
}),
isc.DrawOval.create({
id: "drawPaneOval",
left: 310,
top: 10,
width: 40,
height: 40
}),
isc.DrawCurve.create({
id: "drawPaneCurve",
startPoint: [410, 10],
endPoint: [460, 30],
controlPoint1: [430, 0],
controlPoint2: [430, 40]
}),
isc.DrawTriangle.create({
id: "drawPaneTriangle",
lineColor: "black",
points: [[510,50],[530,10],[550,50]]
}),
isc.DrawLinePath.create({
id: "drawPaneLinePath",
startPoint: [610, 10],
endPoint: [650, 40]
}),
isc.DrawPath.create({
id: "drawPanePath",
points: [[710, 10], [722, 10], [735, 22], [747, 22],
[760, 42], [760, 47], [747, 47], [735, 47],
[722, 60], [710, 60]]
}),
isc.DrawSector.create({
id: "drawPaneSector",
centerPoint:[810, 10],
startAngle: 0,
endAngle: 90,
radius:40,
}),
isc.DrawGroup.create({
id: "drawGroup",
drawItems: [
isc.DrawRect.create({
id: "drawGroupRect",
width: 40,
height: 40,
left: 10,
top: 110
}),
isc.DrawLabel.create({
id: "drawGroupLabel",
contents: "test",
top: 110, left: 110
}),
isc.DrawLine.create({
id: "drawGroupLine",
startPoint: [210, 110],
endPoint: [260, 130]
}),
isc.DrawOval.create({
id: "drawGroupOval",
left: 310,
top: 110,
width: 40,
height: 40
}),
isc.DrawCurve.create({
id: "drawGroupCurve",
startPoint: [410, 110],
endPoint: [460, 130],
controlPoint1: [430, 100],
controlPoint2: [430, 140]
}),
isc.DrawTriangle.create({
id: "drawGroupTriangle",
lineColor: "black",
points: [[510,150],[530,110],[550,150]]
}),
isc.DrawLinePath.create({
id: "drawGroupLinePath",
startPoint: [610, 110],
endPoint: [650, 140]
}),
isc.DrawPath.create({
id: "drawGroupPath",
points: [[710, 110], [722, 110], [735, 122], [747, 122],
[760, 142], [760, 147], [747, 147], [735, 147],
[722, 160], [710, 160]]
}),
isc.DrawSector.create({
id: "drawGroupSector",
centerPoint:[810, 110],
startAngle: 0,
endAngle: 90,
radius:40,
}),
]
})
]
})
]
});
Attached Files
Comment