Skip to content

Instantly share code, notes, and snippets.

@flysteps
Created March 20, 2018 23:50
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flysteps/b22388f325bd7a42a0d70c07443e8f42 to your computer and use it in GitHub Desktop.
Save flysteps/b22388f325bd7a42a0d70c07443e8f42 to your computer and use it in GitHub Desktop.
Circle with line endings sticking out
{
"layers": [
[
{
"type": "arc_c",
"verteces": [
{
"x": 150,
"y": 240
},
{
"x": 60,
"y": 150
},
{
"x": 60,
"y": 150
},
{
"x": 150,
"y": 60
},
{
"x": 150,
"y": 60
},
{
"x": 240,
"y": 150
},
{
"x": 240,
"y": 150
},
{
"x": 150,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 120
}
]
},
{
"type": "line",
"verteces": [
{
"x": 210,
"y": 180
},
{
"x": 195,
"y": 195
},
{
"x": 195,
"y": 195
},
{
"x": 195,
"y": 225
}
]
},
{
"type": "line",
"verteces": [
{
"x": 195,
"y": 135
},
{
"x": 195,
"y": 195
},
{
"x": 195,
"y": 195
},
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 180
},
{
"x": 195,
"y": 195
},
{
"x": 195,
"y": 195
},
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 120
}
]
},
{
"type": "line",
"verteces": [
{
"x": 180,
"y": 135
},
{
"x": 180,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 165,
"y": 105
},
{
"x": 165,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 150,
"y": 120
},
{
"x": 150,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 135,
"y": 105
},
{
"x": 135,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 120,
"y": 90
},
{
"x": 120,
"y": 240
}
]
},
{
"type": "line",
"verteces": [
{
"x": 105,
"y": 120
},
{
"x": 105,
"y": 225
}
]
},
{
"type": "line",
"verteces": [
{
"x": 90,
"y": 120
},
{
"x": 90,
"y": 180
},
{
"x": 90,
"y": 180
},
{
"x": 105,
"y": 195
}
]
},
{
"type": "line",
"verteces": [
{
"x": 105,
"y": 195
},
{
"x": 90,
"y": 180
}
]
},
{
"type": "line",
"verteces": [
{
"x": 210,
"y": 180
},
{
"x": 210,
"y": 150
}
]
}
],
[],
[]
],
"styles": [
{
"thickness": 10,
"strokeLinecap": "butt",
"strokeLinejoin": "miter",
"color": "#000000",
"fill": "none",
"dash": [
0,
0
]
},
{
"thickness": 5,
"strokeLinecap": "round",
"strokeLinejoin": "round",
"color": "#777",
"fill": "none",
"dash": [
0,
0
]
},
{
"thickness": 5,
"strokeLinecap": "round",
"strokeLinejoin": "round",
"color": "#444",
"fill": "none",
"dash": [
0,
0
]
}
]
}
@neauoire
Copy link

{
  "layers": [
    [
      {
        "type": "arc_c",
        "verteces": [
          {
            "x": 150,
            "y": 240
          },
          {
            "x": 60,
            "y": 150
          },
          {
            "x": 60,
            "y": 150
          },
          {
            "x": 150,
            "y": 60
          },
          {
            "x": 150,
            "y": 60
          },
          {
            "x": 240,
            "y": 150
          },
          {
            "x": 240,
            "y": 150
          },
          {
            "x": 150,
            "y": 240
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 120
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 195,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 195,
            "y": 135
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 195,
            "y": 195
          },
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 120
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 180,
            "y": 135
          },
          {
            "x": 180,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 165,
            "y": 105
          },
          {
            "x": 165,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 150,
            "y": 120
          },
          {
            "x": 150,
            "y": 240
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 135,
            "y": 105
          },
          {
            "x": 135,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 120,
            "y": 90
          },
          {
            "x": 120,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 105,
            "y": 120
          },
          {
            "x": 105,
            "y": 210
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 90,
            "y": 120
          },
          {
            "x": 90,
            "y": 180
          },
          {
            "x": 90,
            "y": 180
          },
          {
            "x": 105,
            "y": 195
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 105,
            "y": 195
          },
          {
            "x": 90,
            "y": 180
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 210,
            "y": 180
          },
          {
            "x": 210,
            "y": 150
          }
        ]
      }
    ],
    [
      {
        "type": "line",
        "verteces": [
          {
            "x": 105,
            "y": 210
          },
          {
            "x": 105,
            "y": 225
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 165,
            "y": 225
          },
          {
            "x": 165,
            "y": 235
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 135,
            "y": 225
          },
          {
            "x": 135,
            "y": 235
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 180,
            "y": 225
          },
          {
            "x": 180,
            "y": 230
          }
        ]
      },
      {
        "type": "line",
        "verteces": [
          {
            "x": 120,
            "y": 225
          },
          {
            "x": 120,
            "y": 230
          }
        ]
      }
    ],
    []
  ],
  "styles": [
    {
      "thickness": 10,
      "strokeLinecap": "butt",
      "strokeLinejoin": "miter",
      "color": "#f00",
      "fill": "none",
      "dash": [
        0,
        0
      ]
    },
    {
      "thickness": 10,
      "strokeLinecap": "round",
      "strokeLinejoin": "round",
      "color": "#fff",
      "fill": "none",
      "dash": [
        0,
        0
      ]
    },
    {
      "thickness": 5,
      "strokeLinecap": "round",
      "strokeLinejoin": "round",
      "color": "#444",
      "fill": "none",
      "dash": [
        0,
        0
      ]
    }
  ]
}

@neauoire
Copy link

screen shot 2018-03-21 at 3 30 26 pm

Totally a hack, as this does not follow the grid.
But it gives you the expected result.
I've left the second layer's color white so you can see what it looks like.
If your theme uses a light background, make sure to change its color to black.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment