如何用HTML+CSS+JS实现曲线路径的锁屏

我想要实现一个拖拽小滑块沿指定曲线路径(比如是一个'S'形)走过后才能触发指定事件的功能，感觉有点像解锁，不知道用HTML,CSS,JS能不能实现，缺少这方面经验没什么思路，尤其是曲线路径要怎么控制，求指点！

---

我只会用canvas写，监听touchstart和touchmove，你事先确定好路径上的几个点，比较一下你画的点，就能确定是不是指定形状，用css就不会了