<svg height='6' width='200' xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"> <polygon points='0,0 97,0 103,6 200,6' /> </svg>

In theory, it should turn out like this, but it does not work out. What is the problem? And when adding viewBox='0 0 200 6' image disappears altogether.

enter image description here

    1 answer 1

    You forgot to paint the line stroke="black"
    Added to a height of 2px as the default line thickness is 1px , two lines - 2px .

     <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="200px" height="8px" viewBox="0 -1 200 8" version="1.1" > <path d="m-0.2-0.5 97.8 0 4.6 7 97.8-0.2" style="fill:none;stroke:black"/> </svg>

    • Something is not right prntscr.com/j4g5pe - uzi_no_uzi
    • @uzi_no_uzi path means so drawn, want to redraw - Alexandr_TT
    • the tag is not polygon, but polyline should be, since you want lines. - JaponDemon
    • @Alexandr_TT, if possible, it would not be bad) Otherwise, I'm confused about something - uzi_no_uzi
    • @uzi_no_uzi done - Alexandr_TT