Проверьте часть изображения SVG, чтобы заполнить ее цветом с помощью Fabric.js.

Раньше я использовал Fabric.js и Freedrawing. Большая часть кода включена здесь http://fabricjs.com/freedrawing

. Я хочу переписать его и добавить несколько новых опций. Одним из них является книжка-раскраска. Я думаю, мне следует сделать это с помощью SVG. Поэтому я загружаю изображения SVG, а затем позволяю пользователю заполнять части изображения. У меня есть код:

Код (разметка):

 fabric.loadSVGFromURL('../scripts/svg/arrow.svg',function(objects, options){// here I load SVG imagevar shape = fabric.util.groupSVGElements(objects, options); for(var i =0; i < shape.paths.length; i++){ shape.paths.setFill(colorSet);}//here i loop all of parts of image, shape.paths is the coordinate path of image so there is litle shapes from my image which i can filled with color for example:"<path xmlns="[URL='https://lumtu.com/yti/dwccwdmdodHRwOi8vdzMub3JnLzIwMDAvDMw']http://www.w3.org/2000/svg[/URL]" d="M424.597,77.953c3.946-12.739,9.222-41.029-5.26-77.244c0,0-25.547-8.113-83.338,30.565 /> " canvas.add(shape); canvas.renderAll();});