|
Former Member |
|
Joined: Nov 17, 2010 Posts: 618 Location: Rockford, IL
|
Attachment:
golden-ratio-grid.png [ 18.97 KiB | Viewed 6392 times ]
A perfect representation of the Golden Ratio originally designed in Inkscape and remade in Gravit Designer! You can view/edit the code on Codepen: https://codepen.io/michaelsboost/pen/Mr ... itors=1000The template also comes with the Golden Ratio Spiral as well. (It's just a hidden group) <?xml version="1.0" standalone="no"?> <!-- Generator: Gravit.io --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 610 375.38" width="610" height="375.38"> <defs> <clipPath id="_clipPath_89oXeQRRVQYsYGaISvYZBERHIAh3hWZb"> <rect width="610" height="375.38" /> </clipPath> </defs> <g clip-path="url(#_clipPath_89oXeQRRVQYsYGaISvYZBERHIAh3hWZb)"> <g id="Rectangles"> <rect x="375.385" y="234.615" width="46.923" height="46.923" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <rect x="422.308" y="234.615" width="46.923" height="46.923" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <rect x="375.385" y="281.538" width="93.846" height="93.846" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <rect x="469.231" y="234.615" width="140.769" height="140.769" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <rect x="375.385" y="0" width="234.615" height="234.615" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <rect x="0" y="0" width="375.385" height="375.385" transform="matrix(1,0,0,1,0,0)" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> </g> <g id="Circles"> <path d=" M 375.385 258.077 C 375.385 245.128 385.897 234.615 398.846 234.615 C 411.795 234.615 422.308 245.128 422.308 258.077 C 422.308 271.026 411.795 281.538 398.846 281.538 C 385.897 281.538 375.385 271.026 375.385 258.077 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 375.385 328.462 C 375.385 302.564 396.41 281.538 422.308 281.538 C 448.205 281.538 469.231 302.564 469.231 328.462 C 469.231 354.359 448.205 375.385 422.308 375.385 C 396.41 375.385 375.385 354.359 375.385 328.462 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 469.231 305 C 469.231 266.154 500.769 234.615 539.615 234.615 C 578.462 234.615 610 266.154 610 305 C 610 343.846 578.462 375.385 539.615 375.385 C 500.769 375.385 469.231 343.846 469.231 305 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 375.385 117.308 C 375.385 52.564 427.948 0 492.692 0 C 557.436 0 610 52.564 610 117.308 C 610 182.052 557.436 234.615 492.692 234.615 C 427.948 234.615 375.385 182.052 375.385 117.308 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 0 187.692 C 0 84.102 84.102 0 187.692 0 C 291.283 0 375.385 84.102 375.385 187.692 C 375.385 291.283 291.283 375.385 187.692 375.385 C 84.102 375.385 0 291.283 0 187.692 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 422.308 258.077 C 422.308 245.128 432.82 234.615 445.769 234.615 C 458.718 234.615 469.231 245.128 469.231 258.077 C 469.231 271.026 458.718 281.538 445.769 281.538 C 432.82 281.538 422.308 271.026 422.308 258.077 Z " fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> </g> <g id="Spirals"> <path d=" M 440.046 266.185 C 442.763 266.185 444.968 268.391 444.968 271.107" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 432.079 274.153 C 432.079 269.756 435.649 266.186 440.046 266.186" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 444.968 287.042 C 437.854 287.042 432.079 281.267 432.079 274.153" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.303" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 465.826 266.185 C 465.826 277.697 456.48 287.042 444.969 287.042" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 432.079 231.279 C 450.704 231.279 465.826 246.401 465.826 265.026" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 376.469 285.875 C 376.469 255.743 400.932 231.279 431.064 231.279" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 464.811 375.385 C 416.053 375.385 376.469 335.8 376.469 287.042" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 607.748 232.447 C 607.748 311.337 543.7 375.385 464.811 375.385" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 376.469 0 C 504.115 0 607.748 103.633 607.748 231.279" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> <path d=" M 2.252 374.217 C 2.252 167.681 169.933 0 376.469 0" fill="none" vector-effect="non-scaling-stroke" stroke-width="1.159" stroke="rgb(0,0,0)" stroke-linejoin="miter" stroke-linecap="square" stroke-miterlimit="3" /> </g> </g> </svg>
SVG file is also available for download:
Last edited by mikethedj4 on Tue Jan 23, 2018 7:55 pm, edited 5 times in total.
|
|