SVG.Marker

by kzima

HTML

<div id="drawing"></div>

JavaScript

var draw = SVG('drawing')

var path = draw.path('M0 0 H100 H200')

path.fill('none').move(20, 20).stroke({ width: 1, color: '#ccc' })

path.marker('start', 10, 10, function(add) {
  add.circle(10).fill('#f06')
})
path.marker('mid', 10, 20, function(add) {
  add.text("123")
})
path.marker('end', 20, 20, function(add) {
  add.circle(6).center(4, 5)
  add.circle(6).center(4, 15)
  add.circle(6).center(12, 10)

  this.fill('#0f9')
})