I just discovered weavesilk.com, which I think is pretty cool. However, it looks like they don’t give you a way to save your generated artwork. If you’re running Google Chrome (or, as I am, Chromium), there’s a trick you can use to save what you’ve created. This can probably be done with Firefox using Firebug, and maybe in some other ways, but here’s how I do it with Chromium.
- Create your artwork by dragging around.
- Right-click somewhere on the page and select “Inspect Element.”
- In the new browser pane that comes up, click to the “Console” tab and enter the following:
canvas = document.getElementById('render') img = document.createElement('img') img.src = canvas.toDataURL() - The browser will probably freeze for a few seconds (or more than a few), and your CPU usage will shoot up. Be patient.
- Click to the “Resources” tab in the developer pane, and look in the list for something that starts with “data:image/png”. Click it, and you should see your artwork to the right, on a transparent checkerboard background.
- Right-click the image and select “Save Image As.”
The image will save with a transparent background, but you can open it up in an image editor and add a solid background color if you like.
This doesn’t seem to work with me on Chrome
change the first line with and it will work
canvas = document.getElementById(‘sparks’)
hi this isnt working on chrome its gives this error “SyntaxError: Unexpected token ILLEGAL”
Using the code above, I’ve created bookmarklets for everyone!
Save each as a bookmark in your browser and then click it when you want to save the picture.
weavesilk.com
javascript:(function(){canvas=document.getElementById('render');img=document.createElement('img');img.src=canvas.toDataURL();window.open(img.src);})();
new.weavesilk.com
javascript:(function(){canvas=document.getElementById('silk-1');img=document.createElement('img');img.src=canvas.toDataURL();window.open(img.src);})();
Enjoy!
fairly unfamiliar with this “code” stuff could you explain this to me?
They must have updated the site as it is easy to save you painting now just click on save – then you get a thumbnail and you right click and choose save as
They updated the site and now this is pretty much useless. Anyways, the way you could have used my code above is by making a bookmark in your browser and then pasting the code where the URL would go. Then you would click on the bookmark to save the picture.
anybody knows how to save the works on a macbook pro? i have been trying forever and am about to pull my hair out =( please help!