search

cuSTEMized / Connect-The-Dots-Generator

Generate connect the dots game from an SVG image
http://custemized.github.io/Connect-The-Dots-Generator/
MIT License
33 stars 16 forks source link

Best bordered path selection #1

Closed gungoren closed 5 years ago

gungoren commented 6 years ago

I have looked your source code it selected first path child of svg for generating dots. But most svg files first path child is not border of figure? I think it needs to be a little bit improved for selecting best choice path which contains border of figure.

janet-yu commented 5 years ago

Hello gungoren,

Thank you for bringing attention to his issue! I have managed to fix this problem in commit 72b3eb2 where I added a path selector to the page that allows you to choose the path you want as the main 'connect the dots' path.

This was done by adding a select element to the HTML and binding it to a new function called 'changePath' that is invoked whenever the user chooses a new path from the path selector. This 'changePath' function re-initializes the current 'path' variable to the path the user selected, then calls the draw function to update the SVG and draw the chosen path onto the SVG image.