Как сверстать штрих-пунктирную «змейку»?
В общем давайте, тоже сами учитесь ещё, между defs расположен крестик (#cross) для копирования используем use и пишите так <use href="#cross" x="" y=""> а дальше x и y это координаты  и расталкиваете куда надо до желаемого результата - если что то не получится пишите 

знак вопроса вставить лучше всё таки картинкой: svg image  и дальше как обычно x="" y="" width height 

пунктирная линия получается в svg : stroke-dasharray

snippet
1. Рисуем на canvas
2. https://developer.mozilla.org/en-US/docs/Web/API/C...