Skip to content

Instantly share code, notes, and snippets.

@Teino1978-Corp

Teino1978-Corp/fractal.html

Created November 14, 2015 09:06
Show Gist options
  • Save Teino1978-Corp/c67f29e935cef3682961 to your computer and use it in GitHub Desktop.
Save Teino1978-Corp/c67f29e935cef3682961 to your computer and use it in GitHub Desktop.
Download ZIP
fractal svg
Raw
fractal.html
<html><body>
<svg width="100%" height="100%">
<defs>
<path id="level_0" fill="#003399" d="M0 0,2 0,1 1.732,z" />
<g id="level_1">
<use xlink:href="#level_0" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_0" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_0" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_2">
<use xlink:href="#level_1" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_1" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_1" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_3">
<use xlink:href="#level_2" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_2" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_2" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_4">
<use xlink:href="#level_3" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_3" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_3" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_5">
<use xlink:href="#level_4" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_4" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_4" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_6">
<use xlink:href="#level_5" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_5" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_5" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
<g id="level_7">
<use xlink:href="#level_6" transform="matrix(0.5 0 0 0.5 0 0)" />
<use xlink:href="#level_6" transform="matrix(0.5 0 0 0.5 1 0)" />
<use xlink:href="#level_6" transform="matrix(0.5 0 0 0.5 0.5 0.866)" />
</g>
</defs>
<use xlink:href="#level_7" transform="translate(0,0) scale(500)" />
</svg>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment