Html 网页中手指的轨迹

在ipad网页上，让路径跟随手指最简单的方法是什么

---

我希望它是基于矢量图形的，所以它是一条很好的平滑曲线-有没有带演示代码的库可以做到这一点？

我最后用Raphael完成了它，并且超时了

start = null

document.getElementById("jw").addEventListener("touchstart",function(e){
  paper.clear()
  lastloc = ""
  chain = ""
  start = "M"+[e.pageX,e.pageY]
  // alert(start)
})

lastloc = ""

document.getElementById("jw").addEventListener("touchmove",function(e){
  lastloc = [e.pageX,e.pageY]
})

document.getElementById("jw").addEventListener("touchend",function(e){
  // paper.clear()
})

chain = ''

setInterval(function(){
  chain += 'L'+lastloc
  lastloc = ''
  if(start){
    paper.clear()
    var path = paper.path(start+chain)
    path.attr("stroke", "#fff")
    path.attr("stroke-width", "15")
  }
}, 30)

// Creates canvas 320 × 200 at 10, 50
var paper = Raphael("jw", 800, 400);

这可能有助于：