iPad在网页中追踪手指的路径

Question

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

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

Answer 1

我最终和拉斐尔一起做了这件事，并暂停了。

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);