mldong-flow-designer-plus/packages/flow-designer/src/tool.ts

本项目包含了作者为B站课堂视频[《工作流设计器开发最佳实践》](https://www.bilibili.com/cheese/play/ss24484)的过程源码。教程中开发的组件也可用于实际生产环境中。以下是和使用文档和课程章节说明。 ## 实战项目 [演示地址](https://flow-pro.mldong.com/)

/**
 * 解析svg字符串，获取path中的d属性值
 */
export const parseSvg = (svgStr: string) => {
  const parser = new DOMParser()
  const svgDoc = parser.parseFromString(svgStr, 'image/svg+xml')
  const svgElements = svgDoc.getElementsByTagName('path')
  const paths = []
  // 遍历svgElements，获取path中的d属性值
  for (let i = 0; i < svgElements.length; i++) {
    const path = svgElements[i]
    const d = path.getAttribute('d')
    if (d) {
      paths.push(d)
    }
  }
  return paths
}