the new code - Using JavaScript in SVG ), How do you get out of a corner when plotting yourself into a corner, Is there a solutiuon to add special characters from software and how to do it. While we can inline SVG images in an HTML file, that doesnt mean we can freely combine any SVG tag with any HTML tag. Okay, what if we want something like a grid? What is the purpose of this D-shaped ring at the base of the tongue on my hiking boots? Conclusion: inline JS _can_ see its neighbours. But if you do a lot of work with SVG's, then you're doing yourself a huge favor to switch over to d3.js. This lets you to have separation of concerns, and easily reuse the JS for multiple SVGs on a website. You can copy the d-attribute's value from the path tag. On its own, it does not represent anything. The one with the inline style is not changed. Isaac,Are you familiar with Inkscape, the open-source, native SVG editing system? This is because the HTML rendered controls the positioning before handing off to the SVG rendered to place the internal SVG contents. Well reveal the circles from bottom to top with a click. Thank you very much! The key to downloading the canvas as an image is by first creating an anchor link programmatically. This can make our line cap round. It's a pretty simple function that takes a query and a callback as arguments. If you found this information useful, please help me get the word out to the interwebs. I tried to do it like this .picture.sgv file,