svg-line-curved/index.js

Generate the path attribute for a curved SVG line.

module.exports            = curvedHorizontal
module.exports.vertical   = curvedVertical
module.exports.horizontal = curvedHorizontal

function curvedHorizontal(x1, y1, x2, y2) {
  var line = []
  var mx = x1 + (x2 - x1) / 2

  line.push('M', x1, y1)
  line.push('C', mx, y1, mx, y2, x2, y2)

  return line.join(' ')
}

function curvedVertical(x1, y1, x2, y2) {
  var line = []
  var mx = x1 + (x2 - x1) / 2
  var my = y1 + (y2 - y1) / 2

  line.push('M', x1, y1)
  line.push('C', x1, my, x2, my, x2, y2)

  return line.join(' ')
}