TomZelazny / Polar.js

Place html elements using polar coordinates

Polar.js

Place html elements using polar coordinates

A couple of fiddles that mess with the concept:

• placing elements at angle+radius
• placing elements at the border of root
• basic structure of the polar class

I think the interface should look like this:

  Polar("css-element") // returns PolarBaseElement
  .appendElement("html/domElement") // returns polarOrbitElement (adds to polarBase children)
  .placeAt("deg","radius/border") // return polarOrbitElement
  .animate("cssAnimation") // return polarOrbitElement
  .show(); // return polarOrbitElement

this is probably helpful:

• http://benice-equation.blogspot.co.il/2016/10/equation-of-rounded-rectangle.html
• http://math.stackexchange.com/questions/1649714/whats-the-equation-for-a-rectircle-perfect-rounded-corner-rectangle-without-s