+ 1

Can you put an html svg rect under a circle in code?

svg properties: I tried to edit the code in HTML study, and it didn't work for me. I had one SVG rect element and then I closed that one with all of its attributes and that I opened up another one and I use the same location for the X and the Y. It only put the 2nd one below it. I want to make them go on top of each other so that the rectangles in the back of the circle is over top of it and then I even wanted to do a triangle as a third one with the poly to get that, but I don't can't even make to work. Any help? Update: I don't have the code. I simply want a rectangle at 25,25 and a circle over it the same color at 50,25. I had the code in the example, then erased it, but I just added a second svg element with those coords, but only 1 showed up, the 1st.

html5 svg

5th Nov 2018, 11:16 PM

Vilanne Chalice

5 Answers

+ 2

You most certainly can. The code would look something like this: <!DOCTYPE html> <html> <head> <title>Overlaying SVG objects</title> </head> <body> <svg width="400" height="400"> <circle cx="200" cy="200" r="50" stroke="black" fill="none" /> <rect width="40" height="40" x="180" y="180" stroke="black" fill="none" /> </svg> </body> </html> You can experiment with the styles, positions and dimensions. You can also add more objects.

6th Nov 2018, 2:36 AM

Josh M.