The question is amateurish, but I would love to figure it out. There is a development for the site https://makitatrading.ru/catalog/category/178/ (when clicking on a detail of the drawing, it is highlighted and then sent to the basket), I understand that this is implemented on the basis of SVG. All the details are drawn in the vector, saved in the svg format, get the code, which is inserted into the site. How is the backlight tied to a specific drawing location? What needs to be done to repeat this functionality with any other picture. Where to read about it? Thank!

  • one
    Just hangs the onslick js-event on the <path> elements, which displays and hides them when clicked, that's all - andreymal
  • Moreover, in the source code of the site in English and white it is written that this svg was created using Raphaël . In the same place in the source of the page lies the code for creating this svg in an open and readable form - andreymal
  • For some reason, I'm not even too lazy to rip it from the jsfiddle.net/2c94zwa3 sources (just keep in mind that this code from the site does not belong to you or me, and you cannot just use it and just use it) - andreymal
  • Andreymal, Thanks for the explanation! I purely for educational purposes. - user321639

0