How do I put it as a background image for my site ?
(not in a specific canvas with determined wdth and height). I d like it to be a responsive background.
Glad you like it. You can dynamically create a canvas (or any DOM element) within your JavaScript code rather than in the HTML. I’m afraid I don’t know the code off the top of my head, though!
This is great! Thanks for making the code available. In answer to the above question a simple solution (if your not code friendly) would be to create your gradient and then take a screen shot and turn that into a image. It would be a static background but depending on how similar top and bottom of your new image are you can use CSS to create a repeating background image.
love this http://rectangleworld.com/demos/FractalGradient/FractalGradient2.html
How do I put it as a background image for my site ?
(not in a specific canvas with determined wdth and height). I d like it to be a responsive background.
November 1, 2012 @ 10:27 am
|Hi Olivier,
Glad you like it. You can dynamically create a canvas (or any DOM element) within your JavaScript code rather than in the HTML. I’m afraid I don’t know the code off the top of my head, though!
November 13, 2012 @ 11:59 am
|This is great! Thanks for making the code available. In answer to the above question a simple solution (if your not code friendly) would be to create your gradient and then take a screen shot and turn that into a image. It would be a static background but depending on how similar top and bottom of your new image are you can use CSS to create a repeating background image.
.image{
background: url(folder/image.jpg);
background-repeat: repeat;
}
November 3, 2013 @ 3:06 pm
|Thanks for your comments! I’m thinking there must be a way to do what you’re describing with toDataURL, but I haven’t tried it.
November 3, 2013 @ 3:39 pm
|Your gradient was useful to me at least !
I used it for this generative clock as a texture for the big planet : http://chronos.space
So thank you 🙂
I didn’t take the time to customize it though.
January 29, 2017 @ 1:25 pm
|How cool! I hadn’t thought to use it for planets. What a nice idea. Glad you found some use for it! Thanks for your note.
January 30, 2017 @ 4:13 am
|