JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<object id="full_svg" data="laptop-2.svg" type="image/svg+xml"></object>

JavaScript

function parseSvg(el) {
  return [...document.querySelector(el).contentDocument.querySelectorAll('svg g path')].map((path, i) => {
    return {
      // 'pathName' : i + 1,  // если нужно что бы id-ы были 1 2 3 и т.д то удалите следующую строку и расскомментируйте эту
      'pathName' : path.id,
      'pathCoordinates' : [
        path.getAttribute('d').replace(/m /,'').split(' ').map(xy => {
          return {
            'x' : xy.split(',')[0],
            'y' : xy.split(',')[1]
          } 
        })
      ]
    }
  })
}

window.onload = () => {
  console.log( parseSvg('#full_svg') )
}