- 15, May 2024
- #1
Раньше я использовал Fabric.js и Freedrawing. Большая часть кода включена здесь http://fabricjs.com/freedrawing
. Я хочу переписать его и добавить несколько новых опций. Одним из них является книжка-раскраска. Я думаю, мне следует сделать это с помощью SVG. Поэтому я загружаю изображения SVG, а затем позволяю пользователю заполнять части изображения. У меня есть код:
Код (разметка):
. Я хочу переписать его и добавить несколько новых опций. Одним из них является книжка-раскраска. Я думаю, мне следует сделать это с помощью 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();});
![[Стив Эс Джей Скотт] Лучше каждый день: 127 полезных привычек для здоровья, счастья и успеха.](/assets/images/icons/forum5.png){kind=icon}
![[Александра Бонина] Секреты здоровой поясницы 2.0 (2020)](/assets/images/icons/forum6.png){kind=icon}
![[Этель Аданье] Омолаживающий уход за кожей тела](/assets/images/icons/forum7.png){kind=icon}
