Как заполнить svg фигуру в canvas?

А как, зная path svg элемента, рисовать внутри этой области?
Извините за глупый вопрос. С графикой не сталкивался никогда и не представляю откуда начать.

если изучить команды то можно руками их вбивать. Использовал сайт polynom.co для визуализации path элемента.
Существует 3 основных процедуры рисования - перемещение(m), линия(l), кривая линия(c).
процедуры с абсолютным позиционированием обозначаются заглавной, с относительным - строчной буквой латинского алфавита.
z - обозначается конец мультилинии.
Разделитель координат может быть запятая или пробел.
У линий есть упрощенные процедуры h - горизонтальная и v - вертикальная
линия состоит из перемещения m и нескольких процедур отрисовок и завершения z
чтобы отрисовать линию вместо полигона - нужно прямые процедуры отрисоки и обратные которые вернут в начало.
нарисовать знак + из 2 линий
M 150,100 v 100 v -100 z m -50,50 h 100 h -100 z