Adding shapes to a Perspective view

Ignition
1

I've got a coordinate container in Perspective. I'd like to use a shape (rectangle, square, circle), but I don't see how. Help...

Thanks

2

The Label component border and fill should do most of what you want.

Label shapes

Copy the code below, shift-right-click on your view and select Paste JSON into your project and examine.

Four shapes view 
[
  {
    "type": "ia.container.coord",
    "version": 0,
    "props": {},
    "meta": {
      "name": "root"
    },
    "position": {},
    "custom": {},
    "children": [
      {
        "type": "ia.display.label",
        "version": 0,
        "props": {
          "text": 1,
          "style": {
            "textAlign": "center",
            "borderStyle": "solid",
            "borderColor": "#0D4DAF",
            "borderWidth": 2
          }
        },
        "meta": {
          "name": "Label1"
        },
        "position": {
          "x": 35,
          "y": 43,
          "height": 32,
          "width": 50
        },
        "custom": {}
      },
      {
        "type": "ia.display.label",
        "version": 0,
        "props": {
          "text": 2,
          "style": {
            "textAlign": "center",
            "borderStyle": "solid",
            "borderColor": "#0D4DAF",
            "borderWidth": 5
          }
        },
        "meta": {
          "name": "Label2"
        },
        "position": {
          "x": 117,
          "y": 34,
          "height": 50,
          "width": 50
        },
        "custom": {}
      },
      {
        "type": "ia.display.label",
        "version": 0,
        "props": {
          "text": 3,
          "style": {
            "textAlign": "center",
            "borderStyle": "solid",
            "borderColor": "#0D4DAF",
            "borderWidth": 5,
            "borderTopLeftRadius": 20,
            "borderTopRightRadius": 20,
            "borderBottomRightRadius": 20,
            "borderBottomLeftRadius": 20
          }
        },
        "meta": {
          "name": "Label3"
        },
        "position": {
          "x": 210,
          "y": 34,
          "height": 50,
          "width": 50
        },
        "custom": {}
      },
      {
        "type": "ia.display.label",
        "version": 0,
        "props": {
          "text": 4,
          "style": {
            "textAlign": "center",
            "borderStyle": "solid",
            "borderColor": "#0D4DAF",
            "borderWidth": 5,
            "borderTopLeftRadius": "50%",
            "borderTopRightRadius": "50%",
            "borderBottomRightRadius": "50%",
            "borderBottomLeftRadius": "50%"
          }
        },
        "meta": {
          "name": "Label4"
        },
        "position": {
          "x": 293,
          "y": 35,
          "height": 50,
          "width": 50
        },
        "custom": {}
      }
    ]
  }
]
3

Thanks.

4

You can also use SVG's to make simple shapes like these, fairly painlessly.

1 Like