svg - почему нету заливки?

[torsar]

Нарисовал на svg такое:
https://jsfiddle.net/62yp08v5/

Почему не работает fill?
(второй элемент path)

Edited February 21, 2021 by torsar

[torsar]

Рисую фигуру 2-мя <path>,
потому что к первой части фигуры (кривая) нужно применять тень.
А к второй части тень не нужна.
Когда я рисую вторую часть фигуры (polyline) и заливаю ее получается такая хрень:
https://jsfiddle.net/16ow4us9/

Как мне залить фигуру нарисованную 2-мя path, как здесь:
https://jsfiddle.net/62yp08v5/

[Full-R]

16 часов назад, torsar сказал:

Рисую фигуру 2-мя <path>,
потому что к первой части фигуры (кривая) нужно применять тень.
А к второй части тень не нужна.
Когда я рисую вторую часть фигуры (polyline) и заливаю ее получается такая хрень:
https://jsfiddle.net/16ow4us9/

Как мне залить фигуру нарисованную 2-мя path, как здесь:
https://jsfiddle.net/62yp08v5/

Либо рисовать другим инструментом, либо объединять в shape. Это можно сделать из прямоугольника. Просто добавляй точки и искажай как удобно.

Для заливки есть fill. Это то же самое что и background-color.