как решить заливки пути цвета

Question

Вот мой код,

<svg height="210" width="400"> 
    <path stroke="#C4C24A" fill="red" d="M50 50 L100 50 L100 100 L150 100" /> 
</svg> 

в этом коде я использовал заливку и обводку в то время как запустить эту заливку и обводку применяются оба х. здесь я использовал MoveTo LineTo LineTo ...

еще один,

<svg height="210" width="400"> 
    <path stroke="#C4C24A" fill="red" d="M50 50 L100 50 
    M100 50 L100 100 
    M100 100 L150 100" /> 
</svg> 

в этом коде я использовал MoveTo LineTo MoveTo LineTo .. Тот же выход здесь отображается, но цвет заливки не был применен ..

Почему? и в первом примере мне нужно показать результат без применения цвета заливки, что я могу сделать без изменения пути и заполнения?

Answer 1

Этот пример может прояснить это:

<svg height="210" width="400"> 
 
    <path stroke="#C4C24A" fill="red" d=" 
 
    M50 50 
 
    L100 50 
 
    L100 100 
 
    L150 100 
 
    M250 50 
 
    L300 50 
 
    L300 100 
 
    L350 100" /> 
 
</svg>

Путь будет создать полигон, если у вас есть более двух точек. С двумя точками вы делаете линию. Каждый раз, когда вы поднимаете перо, используя M, вы начинаете с нуля.

Итак, в первом примере вы делаете четырехточечный многоугольник. Во втором примере вы делаете три отключенных строки. Вы можете заполнить четырехточечный многоугольник, но строка слишком тонкая, чтобы заполнить.