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

[torsar 0]

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

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

Изменено 21 февраля пользователем torsar

[torsar 0]

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

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

[Full-R 6]

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

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

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

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

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