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