How to combine two shapes in svg | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 3

How to combine two shapes in svg

I want to make a figure by combining two svg shapes, but if I place one shape then the second shape is not visible. For example -- <svg> <polygon points = "70,20 240,20 210,120 40,120" style="fill:none;stroke:#000000;stroke-width:3;stroke-opacity:0.9"></polygon> </svg> Now in this code I have to insert a line How can I do that.

8th Feb 2019, 4:31 PM
Mrityunjay
Mrityunjay - avatar
2 Answers
+ 4
Shudarshan Rai 👑 If I start with different points than also it is not visible. I have to insert a line with x1="70" y1="20" x2="70" y2="120" How can I do that
9th Feb 2019, 6:06 AM
Mrityunjay
Mrityunjay - avatar
+ 1
//Because 1 overlys to another, you have to create both shapes in one svg it will fix problem with 2 different starting positions
8th Feb 2019, 8:59 PM
Sudarshan Rai
Sudarshan Rai - avatar