|
@@ -65,7 +65,7 @@ const pointActShapeFactory = (attrib: PolygonsPointAttrib, tree: PoPoint) => {
|
|
|
|
|
|
const label = new Label({
|
|
|
visible: false,
|
|
|
- opacity: 0.75,
|
|
|
+ opacity: 1,
|
|
|
name: "label",
|
|
|
offsetX: -size.width / 2,
|
|
|
offsetY: -6,
|
|
@@ -75,20 +75,22 @@ const pointActShapeFactory = (attrib: PolygonsPointAttrib, tree: PoPoint) => {
|
|
|
const text = new Text({
|
|
|
name: "text",
|
|
|
text: attrib.title || `P${attrib.id}`,
|
|
|
- fontFamily: "Calibri",
|
|
|
- fontSize: 10,
|
|
|
- padding: 5,
|
|
|
- fill: "#000",
|
|
|
+ fontFamily: "Inter",
|
|
|
+ fontSize: 12,
|
|
|
+ padding: 8,
|
|
|
+ fill: "#303133",
|
|
|
});
|
|
|
label.add(
|
|
|
new Tag({
|
|
|
name: "tag",
|
|
|
- fill: "rgba(255, 255, 255, 0.8)",
|
|
|
+ fill: "rgba(255, 255, 255, 1)",
|
|
|
pointerDirection: "down",
|
|
|
- pointerWidth: 5,
|
|
|
- pointerHeight: 5,
|
|
|
+ pointerWidth: 8,
|
|
|
+ pointerHeight: 8,
|
|
|
lineJoin: "round",
|
|
|
shadowColor: "black",
|
|
|
+ cornerRadius: 2,
|
|
|
+ opacity: 1,
|
|
|
shadowBlur: 10,
|
|
|
shadowOffsetX: 10,
|
|
|
shadowOffsetY: 10,
|
|
@@ -125,7 +127,7 @@ const pointActShapeFactory = (attrib: PolygonsPointAttrib, tree: PoPoint) => {
|
|
|
group.scale({ x: width, y: height });
|
|
|
group.x(data[0]);
|
|
|
group.y(data[1]);
|
|
|
- text.text(attrib.title || `P${attrib.id}`);
|
|
|
+ text.text(tree.attrib.title || `P${attrib.id}`);
|
|
|
|
|
|
if (~tree.editPolygonNdx) {
|
|
|
index.text((tree.editPolygonNdx + 1).toString()).visible(true);
|